优德娱乐场w88手机版:一个值得你收藏的教程网站

最新下载

JS实现HTML页面中动态显示当前时间完整示例

时间:2018-08-02 15:36:19 编辑:猪哥 来源:转载

本文实例讲述了JS实现HTML页面中动态显示当前时间。分享给大家供大家参考,具体如下:





www.jb51.net JS动态显示时间
  <script>
    var timer=null;
    function displayClock(num){//num是传入的startClock中的动态值
      if(num<10){
        return "0"+num;
      }
      else{
        return num;
      }
    }
    //停止计时
    function stopClock(){
      clearTimeout(timer);
    }
    //开始计时
    function startClock(){
      var time =new Date();
      var hours=displayClock(time.getHours())+":";
      var minutes=displayClock(time.getMinutes())+":";
      var seconds=displayClock(time.getSeconds());
      //显示时间
      show.innerHTML=hours+minutes+seconds;//在id为show的块区域显示
      timer=setTimeout("startClock()",1000);//延时器
    }
  </script>



  



使用在线HTML/CSS/JavaScript代码运行工具:http://tools.jb51.net/code/HtmlJsRun,测试运行效果如下:

JS实现HTML页面中动态显示当前时间完整示例

文章评论

热门栏目

XML 地图 | Sitemap 地图