2021-09-09

最新推荐文章于 2025-12-13 16:25:56 发布

原创最新推荐文章于 2025-12-13 16:25:56 发布 · 146 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#html

学习专栏收录该内容

1 篇文章

订阅专栏

这段JavaScript代码实现了一个实时显示当前时间的功能，通过设置定时器每秒更新页面上的时间。使用了固定时间格式的方法确保时间始终为两位数。

<script type="text/javascript">
        var t = null;
        t = setTimeout(time(), 1000); //开始运行，在time要加(),调用这个方法
        function time() {
          clearTimeout(t); //清除定时器
          dt = new Date();
          var y = dt.getFullYear();
          var mt = fixedTime(dt.getMonth() + 1);
          var day = fixedTime(dt.getDate());
          var h = fixedTime(dt.getHours()); //获取时
          var m = fixedTime(dt.getMinutes()); //获取分
          var s = fixedTime(dt.getSeconds()); //获取秒
          document.querySelector(".showTime").innerHTML =
            "当前时间：" + y + "-" + mt + "-" + day + " " + h + ":" + m + ":" + s ;
          t = setTimeout(time, 1000); //设定定时器，循环运行，time内部调用不加()
        }
        function fixedTime(h){  // 判断时间小于10，在前面补0
          return h<10 ? '0' + h : h;
        }
      </script>