最新文章专题视频专题问答1问答10问答100问答1000问答2000关键字专题1关键字专题50关键字专题500关键字专题1500TAG最新视频文章推荐1 推荐3 推荐5 推荐7 推荐9 推荐11 推荐13 推荐15 推荐17 推荐19 推荐21 推荐23 推荐25 推荐27 推荐29 推荐31 推荐33 推荐35 推荐37视频文章20视频文章30视频文章40视频文章50视频文章60 视频文章70视频文章80视频文章90视频文章100视频文章120视频文章140 视频2关键字专题关键字专题tag2tag3文章专题文章专题2文章索引1文章索引2文章索引3文章索引4文章索引5123456789101112131415文章专题3
当前位置: 首页 - 科技 - 知识百科 - 正文

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

来源:动视网 责编:小采 时间:2020-11-27 22:11:47
文档

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

微信小程序实现倒计时补零功能:微信小程序中 倒计时自动补零 的一点代码,方法比较简单粗暴,想着以后怎么也能用到,就先总结出来了。 代码: js: //index.js var num = 10//计时 var strH = '' var strM = '' var strS = '' var timer = '' Page(
推荐度:
导读微信小程序实现倒计时补零功能:微信小程序中 倒计时自动补零 的一点代码,方法比较简单粗暴,想着以后怎么也能用到,就先总结出来了。 代码: js: //index.js var num = 10//计时 var strH = '' var strM = '' var strS = '' var timer = '' Page(


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

代码:

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>

文档

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

微信小程序实现倒计时补零功能:微信小程序中 倒计时自动补零 的一点代码,方法比较简单粗暴,想着以后怎么也能用到,就先总结出来了。 代码: js: //index.js var num = 10//计时 var strH = '' var strM = '' var strS = '' var timer = '' Page(
推荐度:
  • 热门焦点

最新推荐

猜你喜欢

热门推荐

专题
Top