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
相關文章:
主站蜘蛛池模板: 免费网站观看www在线观 | 日韩精品视频网站 | 午夜aaa| 91午夜精品亚洲一区二区三区 | 欧美日韩在线一区二区 | 亚洲精品大片 | 五月天婷婷激情网 | 亚洲第一在线 | 中文字幕欧美在线 | 一级片av | 亚洲欧美视频在线观看 | 99精品久久久久久中文字幕 | 成人免费黄色大片 | 欧美精品99久久久 | 伊人999 | 深夜福利网址 | 欧美性猛交一区二区三区精品 | 黄色a级网站| 国产精品视频免费 | 特级毛片爽www免费版 | 亚洲一区成人 | 日本久久精品视频 | 天天射天天射 | 天天看天天操 | 狠狠操天天操 | 中国一级黄色 | 亚洲精品18在线观看 | 狠狠操综合网 | 欧美自拍一区 | 国产xxx| 久久久网站 | 久久国产免费 | 欧美三级a做爰在线观看 | 波多野吉衣一二三区乱码 | 死神来了4无删减版在线观看 | 欧美成人久久 | 成人91视频 | 精品久久精品 | 国产成人久久精品麻豆二区 | 激情影院在线观看 | 国产一级黄|