我們在有些網(wǎng)站上看到會在網(wǎng)站的某個位置顯示一個動態(tài)變化的時鐘，它是一秒秒的變化。對于這種效果，我們自己做網(wǎng)站時也可以制作出來，只需要通過JS就可以很輕松的實現(xiàn)。先看下效果：

在自己網(wǎng)站上使用html js制作動態(tài)時鐘鐘表的方法如下：

1. 在網(wǎng)站的頭部文件</head>標簽上方放入以下的JS代碼：

   
   <script>
   
   window.onload=getTime;
   
   function getTime(){
   
   var today=new Date();
   
   var year=today.getFullYear();
   
   var month=today.getMonth()+1;
   
   var day=today.getDay();
   
   var hours=today.getHours();
   
   var minutes=today.getMinutes();
   
   var seconds=today.getSeconds();
   
   if(minutes<10){
   
   minutes="0"+minutes;
   
   }
   
   if(seconds<10){
   
   seconds="0"+seconds;
   
   }
   
   var time =year+'年'+month+'月'+day+'日'+hours+":"+minutes+":"+seconds;
   
   document.getElementById('clock').innerHTML=time;
   
   setInterval("getTime()",1000)
   
   }
   
   </script>
   
   

2. 使用以下的HTML代碼來調用顯示動態(tài)時鐘鐘表。（如果對HTML不了解，可以學習一下html視頻教程）

   
   <div id="clock">  </div>
   
   

除了使用html+js制作動態(tài)時鐘鐘表之外，還可以創(chuàng)建一個JS文件，然后把第一步的JS代碼放到JS文件中，然后通過JS的調用的方式 ，把JS文件調用到HTML網(wǎng)頁中，這樣就會代碼簡潔了很多。

標簽： 代碼

版權申明：本站文章部分自網(wǎng)絡，如有侵權，請聯(lián)系：west999com@outlook.com
特別注意：本站所有轉載文章言論不代表本站觀點！
本站所提供的圖片等素材，版權歸原作者所有，如需使用，請與原作者聯(lián)系。