微信小程序中 "倒计时自动补零" 的一点代码,方法比较简单粗暴,想着以后怎么也能用到,就先总结出来了。
代码:
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>
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持移动技术网。
如对本文有疑问, 点击进行留言回复!!
轻松解决 org.apache.taglibs.standard.tlv.JstlCoreTLV 困惑
vert实践五——Json?Protocol Buffer?FlatBuffers?
[基于tensorflow的人脸检测] 基于神经网络的人脸检测8——验证训练好的神经网络
selenium + ajax抓取英雄联盟全部英雄的详细信息及多线程保存全部皮肤图片到本地
网友评论