微信小程序_倒计时补零
来源:互联网 发布:java adobe 生成pdf 编辑:程序博客网 时间:2024/06/05 09:00
微信小程序中 "倒计时自动补零" 的一点代码,方法比较简单粗暴,想着以后怎么也能用到,就先总结出来了。
代码:
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>
感谢观看,学以致用更感谢!
0 0
- 微信小程序_倒计时补零
- 日期自动补零程序
- 日期自动补零程序
- 补零
- 微信小程序-支付倒计时
- 微信小程序 倒计时
- 微信小程序 倒计时
- 微信小程序 倒计时
- 微信小程序倒计时功能
- 微信小程序倒计时组件开发
- 微信小程序中显示倒计时
- 微信小程序--发送短信倒计时
- 字符串不足补零
- JAVA字符串补零
- c++中的补零
- FFT补零相关
- JS 补零
- ORACLE 字符串补零
- 1003. Emergency (25)
- IOS UItableview UIcollectionview cell高度自适应
- python正则表达式学习
- 【CG物理模拟】风筝模拟
- 批处理中的变量和参数(二)
- 微信小程序_倒计时补零
- 凸包,点到直线距离(飞机场,uva 11168)
- Android Studio 打Jar包和混淆代码。
- Java SE 基础:方法的参数传递
- Python入门
- 11.2.3
- 大学霸kali linux命令学习笔记
- Mac和Ubuntu系统下.bash_profile和.bashrc文件
- SDL Thread 相关API