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
相關文章:
主站蜘蛛池模板: 欧美日韩毛片 | 91爱爱爱 | 欧美理伦 | 好吊视频一区二区三区四区 | 精品视频免费在线观看 | 国产高清视频在线播放 | 久久黄视频 | 男女裸体无遮挡做爰 | 又色又爽又黄18网站 | 国产逼逼| 精品一区二区三区在线观看 | 成av人片一区二区三区久久 | 欧美一页| 国产最新av| 手机在线免费看av | 中文日韩欧美 | 日韩av手机在线 | 日韩欧美精品一区 | 国产日韩在线播放 | 一区二区三区不卡视频 | 免费看片黄色 | 91网站在线免费观看 | 亚洲免费播放 | 午夜爽爽影院 | 日韩在线观看中文字幕 | 日韩激情一区 | 日本福利在线 | 成人三级在线观看 | 99一区二区 | h视频免费在线观看 | 欧美激情一区二区三区 | av三级在线观看 | 日韩毛片在线播放 | 日韩一级在线观看 | 免费毛片在线 | 一级特黄色片 | 亚洲欧美中文字幕 | 精品一区二区三区四区五区 | 国产伦精品一区二区三区四区 | 久久久成人免费视频 | 国产一区免费视频 |