当前位置:网站首页 > 网站建设教程 > HTML教程 > 正文

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

教程管理员 发布于2023-09-30 22:08 HTML教程 173

简介: 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>

琼ICP备09004296号-12