微信小程序_倒计时补零

微信小程序中 "倒计时自动补零" 的一点代码，方法比较简单粗暴，想着以后怎么也能用到，就先总结出来了。

代码：

js：

//index.js
var num = 10//计时
var strH = ''
var strM = ''
var strS = ''
var timer = ''
 
Page({
  data: {
    timeText:''//展示
  },
 
  onLoad: function () {
    this.move()
    //计时开始 后面的1000是毫秒 每1000毫秒跳一次
   timer=setInterval(this.move,1000);
  },
 
  move(){
    //时
    strH =  this.zeroFill(''+parseInt(num/3600%24),2)
 
    //分
    strM =  this.zeroFill(''+parseInt(num/60%24),2)
 
    //秒
    strS = this.zeroFill(''+parseInt(num%60),2)
 
    //赋值给text内容
    this.setData({
      timeText:strH+':'+strM+':'+strS
    })
     
    //当时间归零停止计时器
    if (num == 0){
        clearInterval(timer)
        return
    }

    //每秒递减
    num--
  },
  zeroFill(str, n){
    //补零方法，str为数字字符串 n为需要的位数，不够补零
    if  (str.length < n){
      str = '0'+str
    }
    return str
  }
})

wxml：

<text>{{timeText}}</text>

感谢观看，学以致用更感谢！