源码网商城,靠谱的源码在线交易网站 我的订单 购物车 帮助

源码网商城

简单的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)
联系客服
客服电话:
400-000-3129
微信版

扫一扫进微信版
返回顶部