倒计时

作者: GIDK | 来源:发表于2021-01-13 12:48 被阅读0次

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

    实现效果: 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>
    

    相关文章

      网友评论

          本文标题:倒计时

          本文链接:https://www.haomeiwen.com/subject/cweuaktx.html