用setTimeout动态显示当前时间:

<div class="showTime"></div>
<script>
    var t = null;
    t=setTimeout(time,1000);//开始运行
    function time(){
      clearTimeout(t);//清除定时器
      dt = new Date();
      var y = dt.getFullYear();
      var mt = dt.getMonth()+1;
      var day = dt.getDate();
      var h = dt.getHours();
      var m = dt.getMinutes();
      var s = dt.getSeconds();
      document.querySelector(".showTime").innerHTML='当前时间:'+y+"年"+mt+"月"+day+"-"+h+"时"+m+"分"+s+"秒";
      t = setTimeout(time,1000);//设置定时器,循环运行
    }
  </script>

效果:
在这里插入图片描述

Logo

为开发者提供学习成长、分享交流、生态实践、资源工具等服务,帮助开发者快速成长。

更多推荐