html显示时间，并且实时刷新（详细代码）

最新推荐文章于 2025-04-21 20:36:47 发布

牛哄哄的柯南

最新推荐文章于 2025-04-21 20:36:47 发布

阅读量2w

点赞数 52

分类专栏： HTML 文章标签： html javascript

本文链接：https://blog.csdn.net/weixin_43883917/article/details/113871424

版权

HTML 专栏收录该内容

3 篇文章

订阅专栏

本文分享了一段JavaScript代码，用于在HTML页面中实时显示并更新当前时间。通过设置定时器，页面每秒更新一次时间显示，包括年、月、日、时、分和秒。代码简洁易懂，适合初学者学习。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

完整代码如下：

<div class="showTime">当前时间：2021年2月19-20时35分16秒</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>