怎么在微信小程序中實現(xiàn)倒計時補零功能

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

網(wǎng)站建設哪家好，找創(chuàng)新互聯(lián)！專注于網(wǎng)頁設計、網(wǎng)站建設、微信開發(fā)、微信小程序開發(fā)、集團企業(yè)網(wǎng)站建設等服務項目。為回饋新老客戶創(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內容
  this.setData({
   timeText:strH+':'+strM+':'+strS
  })
   
  //當時間歸零停止計時器
  if (num == 0){
    clearInterval(timer)
    return
  }
 
  //每秒遞減
  num--
 },
 zeroFill(str, n){
  //補零方法，str為數(shù)字字符串 n為需要的位數(shù)，不夠補零
  if (str.length < n){
   str = '0'+str
  }
  return str
 }
})

wxml：

<text>{{timeText}}</text>

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

文章名稱：怎么在微信小程序中實現(xiàn)倒計時補零功能
URL地址：http://muchs.cn/article36/iicopg.html

成都網(wǎng)站建設公司_創(chuàng)新互聯(lián)，為您提供用戶體驗、移動網(wǎng)站建設、云服務器、關鍵詞優(yōu)化、網(wǎng)站內鏈、網(wǎng)站營銷

廣告

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