简单的JS时钟实例讲解

2019-11-20 10:48:44

字体：大中小

来源：转载

供稿：网友

本文实例介绍了JS时钟实现代码，分享给大家供大家参考，具体内容如下

效果图：

具体代码：

<!DOCTYPE html><html lang="en"><head>  <meta charset="gb2312">  <title>Document</title>  <script type="text/javascript">    function startTime () {       var today=new Date();    var y=today.getFullYear();    var mon=today.getMonth()+1;       mon=changNum(mon);    var d=today.getDay();       d=changNum(d);    var h=today.getHours();    var m=today.getMinutes();       m=changNum(m);    var s=today.getSeconds();       s=changNum(s);    document.getElementById("timeid").innerHTML=y+"年"+mon+"月"+d+"日"+h+":"+m+":"+s;    t=setTimeout(function(){      startTime();    },500);    }       function changNum(i){   //月、日、秒如果小于10数字前加0       if(i<10){          return "0"+i;       }       return i;   }  </script></head><body onload="startTime()"><h1 id="timeid"></h1></body></html>

希望本文所述对大家学习javascript程序设计有所帮助。

上一篇：轻松实现javascript图片轮播特效

下一篇：基于jquery实现的仿优酷图片轮播特效代码