1.直接上代码

 //时间倒计时处理
    countTime() {
      var date = new Date()
      var now = date.getTime()
      var end = this.treasu_data.etime * 1000     //this.treasu_data 在data中定义的,后台拿到的结束时间戳
      var leftTime = end - now //时间差
      var d, h, m, s, ms
      if (leftTime >= 0) {
        d = Math.floor(leftTime / 1000 / 60 / 60 / 24)
        h = Math.floor(((leftTime / 1000 / 60 / 60) % 24) + 24 * d)
        m = Math.floor((leftTime / 1000 / 60) % 60)
        s = Math.floor((leftTime / 1000) % 60)
        ms = Math.floor(leftTime % 1000)
        if (ms < 100) {
          ms = '0' + ms
        }
        if (s < 10) {
          s = '0' + s
        }
        if (m < 10) {
          m = '0' + m
        }
        // if(h < 10) {
        h =   h
        // }
      } else {
        // console.log('已截止')
      }
      //将倒计时赋值到div中
      this.date_d = d  //这里是渲染的天数
      this.date_h = h  //这里是渲染的小时
      this.date_m = m  //这里是渲染的分钟
      this.date_s = s  //这里是渲染的秒数
      this.date_ms = ms  /这里是渲染的毫秒
      //递归每秒调用countTime方法,显示动态时间效果
      setTimeout(this.countTime, 50)
    },

2.说明.因为需求是没有天数这么一说,说以把天数加载小时的上面了!

Logo

前往低代码交流专区

更多推荐