主页 / 网络编程 /

简单的JS时钟实例讲解

网络编程 2021-07-04 21:04www.168986.cn编程入门
这篇文章主要为大家分享了一个简单的JS时钟实例，具有一定的参考价值，感兴趣的小伙伴们可以参考一下

本文实例介绍了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实现的仿优酷图片轮播特效代码

编程语言

Copyright © 2016-2025 www.168986.cn 狼蚁网络 版权所有 Power by