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

时间:2021-05-18

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

代码:

js:

//index.jsvar 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>

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

声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。

相关文章