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


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



代码：

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>



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