微信小程序开发倒计时自动补零效果的功能插件

1、wxml页面调用：

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

2、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  
  }  
})

希望对正在开发有需求朋友有帮助！

模板简介：该模板名称为【微信小程序开发倒计时自动补零效果的功能插件】，大小是，文档格式为.，推荐使用打开，作品中的图片，文字等数据均可修改，图片请在作品中选中图片替换即可，文字修改直接点击文字修改即可，您也可以新增或修改作品中的内容，该模板来自用户分享，如有侵权行为请联系网站客服处理。欢迎来懒人模板【小程序教程】栏目查找您需要的精美模板。