html如何实时显示当前时间,在页面中间显示

问题遇到的现象和发生背景

html如何实时显示当前时间,在页面中间显示

用代码块功能插入代码,请勿粘贴截图

    <div style="text-align:center;color:#f00;"><script>dcument.write(new Date().toLocaleString())</script></div>

<div class="showTime">当前时间:2022年11月14-16时03分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>


https://blog.csdn.net/weixin_45719052/article/details/125286857
https://www.jb51.net/article/115356.htm
就是 写个方法 获取时间 并格式化 。然后 写到 定时器里

您好,我是有问必答小助手,您的问题已经有小伙伴帮您解答,感谢您对有问必答的支持与关注!
PS:问答VIP年卡 【限时加赠:IT技术图书免费领】,了解详情>>> https://vip.csdn.net/askvip?utm_source=1146287632