简单的JS时钟实例讲解

时间：2021-05-11 08:53:10|栏目：JavaScript代码|点击：次

本文实例介绍了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代码

下一篇：解决微信小程序scroll-view组件无横向滚动的问题

本文标题：简单的JS时钟实例讲解

本文地址：http://www.codeinn.net/misctech/119086.html

更多JavaScript代码

JavaScript代码

简单的JS时钟实例讲解

阅读排行

推荐教程