1. 程式人生 > >微信小程式時間格式倒計時

微信小程式時間格式倒計時

Page({
  // 倒計時
  count_down: function (countDown_time){
    var that = this;
    var time = countDown_time.split(':')
    var hhh = parseInt(time[0])
    var mmm = parseInt(time[1])
    var sss = parseInt(time[2])
    this.setData({
      sss: (sss < 10) ? '0' + sss : sss,
      mmm: (mmm < 10) ? '0' + mmm : mmm,
      hhh: (hhh < 10) ? '0' + hhh : hhh
    })
    var Interval = setInterval(function () {
      if (sss > 0) {
        sss--
      } else {
        console.log('時間到')
        clearInterval(Interval)
      }
      if (sss == 0) {
        if (mmm > 0) {
          mmm--
          sss = 59;
        }
        if (mmm == 0 && hhh > 0) {
          hhh--
          sss = 59;
          mmm = 59;
        }
      }
      that.setData({
        sss: (sss < 10) ? '0' + sss : sss,
        mmm: (mmm < 10) ? '0' + mmm : mmm,
        hhh: (hhh < 10) ? '0' + hhh : hhh
      })
    }, 1000)
  },
  onLoad: function (options) {
    var countDown_time = '00:21:03';
    this.count_down(countDown_time)
  }
})
<text>{{hhh}}:{{mmm}}:{{sss}}</text>

 有問題可以掃碼加我微信,有償解決問題。承接小程式開發。