用js动态显示当前时间

一个菜鸟的笔记

于 2022-04-17 11:55:35 发布

阅读量2.6k

点赞数 1

文章标签： javascript 前端 jquery

本文链接：https://blog.csdn.net/weixin_45697138/article/details/124227304

版权

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