js倒计时

最新推荐文章于 2025-09-07 16:33:27 发布

原创最新推荐文章于 2025-09-07 16:33:27 发布 · 120 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#js

笔记专栏收录该内容

3 篇文章

订阅专栏

本文介绍了一种使用JavaScript实现的倒计时功能，通过计算当前时间与目标时间之间的差值，将剩余时间转换为天、小时、分钟和秒的形式进行显示。当倒计时结束时，会自动清除定时器。

resetTime(time) {
      this.timer = setInterval(() => {
        let now_time = new Date()
        let end_time = new Date(time)
        let t = end_time.getTime() - now_time.getTime()
        let d = 0
        let h = 0
        let m = 0
        let s = 0
        if (t >= 0) {
          d = Math.floor(t / 1000 / 60 / 60 / 24)
          h = Math.floor((t / 1000 / 60 / 60) % 24)
          m = Math.floor((t / 1000 / 60) % 60)
          s = Math.floor((t / 1000) % 60)
        }
        let text = (d > 0 ? d + '天' : '') +
          (d > 0 || h > 0 ? h + '时' : '') +
          (d > 0 || h > 0 || m > 0 ? m + '分' : '') +
          (s > 9 ? s : '0' + s) +
          '秒'
        if (d === 0 && h === 0 && m === 0 && s === 0) {
          clearInterval(this.timer)
        }
      }, 1000)
    }