av一区二区在线观看_亚洲男人的天堂网站_日韩亚洲视频_在线成人免费_欧美日韩精品免费观看视频_久草视

您的位置:首頁技術文章
文章詳情頁

JavaScript編寫開發動態時鐘

瀏覽:8日期:2023-06-18 15:25:59

本文實例為大家分享了JavaScript編寫開發動態時鐘的具體代碼,供大家參考,具體內容如下

效果圖:

JavaScript編寫開發動態時鐘

JavaScript編寫開發動態時鐘

實質上就是調用時間庫,再添加一個顏色數組,給顯示的時間嵌套一個div盒子,再將顏色數組的顏色設置隨機變化,這樣就使得時間變化的時候顏色也會發生變化。

完整源代碼:

<!DOCTYPE html><html> <head> <meta charset='utf-8'> <title>網頁時鐘</title> <style> </style> </head> <style> .center{ background: url(img/shizhong.jpg) no-repeat center; font-size: 50px; height: 600px; line-height: 620px; text-align: center; } </style> <body> <div id = 'spanTip'></div> </body> <script> //格式化時間 給前面加個0; function addZero(num){ return num < 10? ’0’ + num : num; } function genDate(){ var date = new Date(); //獲取時間 var dateStr =addZero(date.getHours()) +':'+addZero(date.getMinutes())+':'+addZero(date.getSeconds()); var spanTip = document.getElementById('spanTip'); spanTip.innerHTML = dateStr; //顏色數組 var color = [’red’, ’green’, ’yellow’, ’blue’, ’black’, ’gold’, ’orange’, ’gray’, ’pink’, ’maroon’]; //鐘表顏色數組 var radom = Math.floor(Math.random() * color.length ); //隨機數 spanTip.style.color = color[radom]; //設置隨機顏色 } window.setInterval('genDate()',1000);</script></html>

以上就是本文的全部內容,希望對大家的學習有所幫助,也希望大家多多支持好吧啦網。

標簽: JavaScript
相關文章:
主站蜘蛛池模板: 亚洲国产精品久久久久 | 欧美日韩亚洲国产 | 日韩av在线免费播放 | 欧美在线免费观看视频 | 成人片网址 | 黄色片免费在线观看 | 国产不卡在线视频 | 久草新视频 | 五月天婷婷社区 | 一级黄色小视频 | 色综合久久88色综合天天 | 国产无遮挡又黄又爽又色 | 日本在线免费观看 | 日本成人一区二区三区 | 久久久久久久免费视频 | 三级a毛片 | 91精品国产综合久久久久久 | 欧美精品久 | 少妇av在线 | 欧美a一级| 国产精品久久久久久久久借妻 | 精品国产99久久久久久宅男i | 国产免费福利 | 全部免费毛片在线播放高潮 | 在线观看黄色小视频 | 国产一级在线 | 国产综合在线视频 | 五月婷婷六月激情 | 久久av网站 | 91白浆 | 亚洲第十页 | 黄色小视频在线免费观看 | 免费一级黄色 | 日韩成人一区 | 日韩国产在线 | 欧美一级欧美三级 | 国产精品久久久精品 | 日韩视频中文字幕 | 精品一区二区三区免费毛片 | 国产三级在线观看 | 精品伊人久久 |