微信小程序: 设置倒计时

小程序开发中会遇到的倒计时功能,在此记录:

在data中设置

data: {

    time: 3,//倒计时时间

    timer: ''//定时器

}

触发倒计时方法

      //给定时器赋值
      this.data.timer = setInterval(() => {
        // 开始倒计时
        this.countDown()
      }, 1000)

开始倒计时

 // 倒计时
  countDown() {
    let time = this.data.time;
    time--;
    this.setData({
      time,
    })
    // 判断倒计时时间为0时
    if (time <= 0) {
      //清除定时器
      clearInterval(this.data.timer);
      // 重置倒计时间
      this.setData({
        time: 3, // 重置倒计时
      })
    }
  }