html显示时间,并且实时刷新(详细代码)

Posted 牛哄哄的柯南

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了html显示时间,并且实时刷新(详细代码)相关的知识,希望对你有一定的参考价值。

完整代码如下:

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

以上就是html显示时间,并且实时刷新(详细代码)的全部内容。

看完如果对你有帮助,感谢点赞支持!
如果你是电脑端的话,看到右下角的 “一键三连” 了吗,没错点它[哈哈]

加油!

共同努力!

Keafmd

以上是关于html显示时间,并且实时刷新(详细代码)的主要内容,如果未能解决你的问题,请参考以下文章

Python-QApplication.processEvents()的使用,解决pyqt 的textEdit内容无法实时刷新

如何控制html页面加载完以后再显示全部

uni-app - 子组件中实现 onShow() 生命周期,监听页面 onShow() 实时刷新子组件内的数据(子组件中模拟页面 onShow 钩子函数,当页面显示时自动执行函数)全端兼容无 BUG

html代码 刷新后 网页跳转 不刷新 不跳转

如何实时自动刷新数据,反应?

编辑 HTML 表格后如何刷新它?