js实现一个倒计时

提示:主要是利用Date的实例

<div class="count"></div>
  <script>
    window.onload = function () {
      countDown();
      function addZero(i) {
        return i < 10 ? "0" + i : i + "";
      }
      function countDown() {
        // 如果没有提供参数,那么新创建的 Date 对象表示实例化时刻的日期和时间。
        var nowtime = new Date();

        // 表示日期的字符串值。该字符串应该能被 Date.parse() 正确方法识别
        // 即符合 IETF-compliant RFC 2822 timestamps 或 version of ISO8601。
        var endtime = new Date("2022/07/22,17:57:00");
        
        // getTime 方法的返回值一个数值,
        // 表示从 1970 年 1 月 1 日 0 时 0 分 0 秒(UTC,即协调世界时)距离该日期对象所代表时间的毫秒数。
        var lefttime = parseInt((endtime.getTime() - nowtime.getTime()) / 1000); 
        
        var d = parseInt(lefttime / (24 * 60 * 60))
        var h = parseInt(lefttime / (60 * 60) % 24);
        var m = parseInt(lefttime / 60 % 60);
        var s = parseInt(lefttime % 60);
        d = addZero(d)
        h = addZero(h);
        m = addZero(m);
        s = addZero(s);
        document.querySelector(".count").innerHTML = `活动倒计时  ${d}天 ${h} 时 ${m} 分 ${s} 秒`;
        if (lefttime <= 0) {
          document.querySelector(".count").innerHTML = "活动已结束";
          return;
        }
        setTimeout(countDown, 1000);
      }
    }
  </script>

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值