微信小程序实现倒计时补零功能

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

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

代码：

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>

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持脚本之家。