当前位置：首页 > 资讯 > 技术文档

简单的JS时钟实例讲解

时间：2021-01-24 18:31 编辑：来源：阅读：
扫一扫，手机访问

摘要：简单的JS时钟实例讲解

本文实例介绍了JS时钟实现代码，分享给大家供大家参考，具体内容如下效果图： [img]http://files.jb51.net/file_images/article/201601/2016113103444844.jpg?2016013103453[/img] 具体代码：

<!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程序设计有所帮助。

全部评论(0)

上一篇：js将table的每个td的内容自动赋值给其title属性的方法
下一篇：bootstrap select插件封装成Vue2.0组件

资讯排行榜
更多>>