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

網站建設哪家好，找創新互聯！專注于網頁設計、網站建設、微信開發、微信小程序開發、集團企業網站建設等服務項目。為回饋新老客戶創新互聯還提供了梅江免費建站歡迎大家使用！

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>

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

文章名稱：怎么在微信小程序中實現倒計時補零功能
URL地址：http://m.newbst.com/article36/iicopg.html

成都網站建設公司_創新互聯，為您提供用戶體驗、移動網站建設、云服務器、關鍵詞優化、網站內鏈、網站營銷

廣告

聲明：本網站發布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源： 創新互聯