倒计时

2021-01-13  本文已影响0人  GIDK

若有真实的后台数据 就该先获取到所需要的数据

实现效果: image.png

js代码块:

 //定义一个函数
  countDown: function () {  
    var time = this.data.goods.model.end_datetime    //获取接口数据
    var nowtime = parseInt(new Date().getTime() / 1000); //时间戳
    if (time - nowtime > 0) {
      var d = parseInt((time - nowtime) / 60 / 60 / 24)
      var h = parseInt((time - nowtime) / 60 / 60 % 24)
      var m = parseInt((time - nowtime) / 60 % 60)
      var s = parseInt((time - nowtime) % 60)
      this.setData({
        endTime: {
          d: d < 10 ? '0' + d : d,
          h: h < 10 ? '0' + h : h,
          m: m < 10 ? '0' + m : m,
          s: s < 10 ? '0' + s : s
        }
      })
    } else {
      this.setData({
        endTime: {
          d: '00',
          h: '00',
          m: '00',
          s: '00'
        }
      })
    }
    setTimeout(this.countDown, 1000)  //定时器
  },

wxml代码块:

       <view class="base-day">
          <text>{{endTime.d}}</text> 天
          <text>{{endTime.h}}</text> :
          <text>{{endTime.m}}</text> :
          <text>{{endTime.s}}</text>
        </view>
上一篇 下一篇

猜你喜欢

热点阅读