用js动态显示当前时间

用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

一个菜鸟的笔记

2624人浏览 · 2022-04-17 11:55:35

一个菜鸟的笔记 · 2022-04-17 11:55:35 发布

用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>