這篇文章將為大家詳細(xì)講解有關(guān)怎么在微信小程序中實現(xiàn)倒計時補零功能，文章內(nèi)容質(zhì)量較高，因此小編分享給大家做個參考，希望大家閱讀完這篇文章后對相關(guān)知識有一定的了解。

網(wǎng)站建設(shè)哪家好，找創(chuàng)新互聯(lián)！專注于網(wǎng)頁設(shè)計、網(wǎng)站建設(shè)、微信開發(fā)、微信小程序開發(fā)、集團(tuán)企業(yè)網(wǎng)站建設(shè)等服務(wù)項目。為回饋新老客戶創(chuàng)新互聯(lián)還提供了梅江免費建站歡迎大家使用！

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內(nèi)容
  this.setData({
   timeText:strH+':'+strM+':'+strS
  })
   
  //當(dāng)時間歸零停止計時器
  if (num == 0){
    clearInterval(timer)
    return
  }
 
  //每秒遞減
  num--
 },
 zeroFill(str, n){
  //補零方法，str為數(shù)字字符串 n為需要的位數(shù)，不夠補零
  if (str.length < n){
   str = '0'+str
  }
  return str
 }
})

wxml：

{{timeText}}

關(guān)于怎么在微信小程序中實現(xiàn)倒計時補零功能就分享到這里了，希望以上內(nèi)容可以對大家有一定的幫助，可以學(xué)到更多知識。如果覺得文章不錯，可以把它分享出去讓更多的人看到。