微信小程序實現付款頁面倒計時

 
data:{
   minutes:'02',//倒計時 分
   seconds:'00',//倒計時 秒
},
onLoad:function(){
    this.countdown()
}
countdown(){
    var minute = this.data.minutes;
    var second = this.data.seconds;
    if(second === '00'){ //如果秒降到00,則分減一,秒調整爲59
      second = 59;
      minute = Number(minute) - 1;
      minute = minute <= 9 ? '0' + minute : minute;//爲了構造兩位數顯示
    }else {
      second = Number(second) - 1;
      second = second <= 9 ? '0'+ second : second;//爲了構造兩位數顯示
    }
    const self = this;
    setTimeout(function(){
      self.setData({
        minutes:minute,
        seconds:second 
      })
      if(second === '00' && minute === '00'){ //倒計時結束
        console.log('aaaa')
      }else{
        self.countdown();//繼續調用自己
      }
    },100)
}

效果展示

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章