欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

JavaScript編寫開發(fā)動態(tài)時(shí)鐘

 更新時(shí)間：2020年07月29日 14:30:41   作者：https://blog.csdn.net/qq_46537431/article/details/107613758  
這篇文章主要為大家詳細(xì)介紹了JavaScript編寫開發(fā)動態(tài)時(shí)鐘，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下

本文實(shí)例為大家分享了JavaScript編寫開發(fā)動態(tài)時(shí)鐘的具體代碼，供大家參考，具體內(nèi)容如下

效果圖：

實(shí)質(zhì)上就是調(diào)用時(shí)間庫，再添加一個(gè)顏色數(shù)組，給顯示的時(shí)間嵌套一個(gè)div盒子，再將顏色數(shù)組的顏色設(shè)置隨機(jī)變化，這樣就使得時(shí)間變化的時(shí)候顏色也會發(fā)生變化。

完整源代碼：

<!DOCTYPE html>
<html>
 <head>
 <meta charset="utf-8">
 <title>網(wǎng)頁時(shí)鐘</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 class="center" id = "spanTip"></div>
 </body>
 <script>
 //格式化時(shí)間 給前面加個(gè)0；
 function addZero(num){ return num < 10? '0' + num : num; } 
 function genDate(){
 var date = new Date();
 //獲取時(shí)間
 var dateStr =addZero(date.getHours()) +":"+addZero(date.getMinutes())+":"+addZero(date.getSeconds());
 var spanTip = document.getElementById("spanTip");
 spanTip.innerHTML = dateStr;
 //顏色數(shù)組
 var color = ['red', 'green', 'yellow', 'blue', 'black', 'gold', 'orange', 'gray', 'pink', 'maroon']; //鐘表顏色數(shù)組
  var radom = Math.floor(Math.random() * color.length ); //隨機(jī)數(shù)
  spanTip.style.color = color[radom]; //設(shè)置隨機(jī)顏色
 }
 window.setInterval("genDate()",1000);
</script>
</html>

以上就是本文的全部內(nèi)容，希望對大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。

相關(guān)文章

最新評論