使用js设置倒计时

小灿同学+1

已于 2023-09-05 14:07:10 修改

阅读量82

点赞数 1

文章标签：前端 javascript

于 2023-08-24 17:31:13 首次发布

本文链接：https://blog.csdn.net/xiaocantongxue/article/details/132479145

版权

<body>
    <div id="box"></div>
    <script>
      setInterval(function () {
        var now = new Date(); //当前时间
        var targetDate = new Date('2023-08-24 22:00:00'); //目标时间
        var res = targetDate - now;
        var secsCount = parseInt(res / 1000); //相差的总的秒数
        var secs = secsCount % 60;
        var miusCount = parseInt(secsCount / 60); //相差的总的分钟数
        var mius = miusCount % 60;
        var hoursCount = parseInt(miusCount / 60);

        var result =
          addZero(hoursCount) +
          '时' +
          addZero(mius) +
          '分' +
          addZero(secs) +
          '秒';

        box.innerHTML = result;//将字符串显示到div中
      }, 1000);

      function addZero(num) {
        return (num = num > 10 ? num : '0' + num);
      }
    </script>
  </body>

关注博主即可阅读全文