js 倒计时

最新推荐文章于 2025-05-31 16:02:29 发布

Wg1xg

最新推荐文章于 2025-05-31 16:02:29 发布

阅读量116

点赞数

分类专栏： JavaScript基础文章标签： javascript

本文链接：https://blog.youkuaiyun.com/weixin_46264539/article/details/120085025

版权

JavaScript基础专栏收录该内容

4 篇文章

订阅专栏

该代码段展示了如何在JavaScript中实现一个待支付订单的倒计时功能。它从订单创建时间开始计算，设定30分钟的倒计时，并实时更新显示剩余的分钟和秒数。当倒计时结束或订单过期时，文本将显示'订单已过期!'。同时，使用了一个工具方法来格式化时间。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

// 待支付订单 倒计时
    countDown() {
      const that = this
      //获取时间戳 (毫秒)
      const levelTime = new Date(this.orderDetail.createTime.replace(/-/gi, '/')).getTime() + 1800000 - new Date().getTime()  //1800000(时间戳是毫秒 * 1000)倒计时三十分钟  60 *30 *1000
      let t = parseInt(levelTime / 1000)  
      timer = setInterval(() => {
        if (t > 0) {
          const time = that.$tools.format(t)
          that.timeText = `支付剩余时间 ${time.m}:${time.s}`
          t--
        } else {
          clearInterval(timer)
          that.timeText = '订单已过期!'
        }
      }, 1000)
    },
        
 //工具
   format(t) {
    const format = {
      d: '00',
      h: '00',
      m: '00',
      s: '00'
    }
    if (t > 0) {
      const d = Math.floor(t / 86400)
      const h = Math.floor((t / 3600) % 24)
      const m = Math.floor((t / 60) % 60)
      const s = Math.floor(t % 60)
      format.d = d < 10 ? '0' + d : d
      format.h = h < 10 ? '0' + h : h
      format.m = m < 10 ? '0' + m : m
      format.s = s < 10 ? '0' + s : s
    }
    return format
  },