您好,欢迎来到智榕旅游。
搜索
您的当前位置:首页微信小程序实现倒计时补零功能

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

来源:智榕旅游

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

代码:

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>

Copyright © 2019- zrrp.cn 版权所有 赣ICP备2024042808号-1

违法及侵权请联系:TEL:199 1889 7713 E-MAIL:2724546146@qq.com

本站由北京市万商天勤律师事务所王兴未律师提供法律服务