微信小程序要設定一個定時器有兩種方法

文章目錄

• 前言
• 一、setInterval和 setTimeout方法有什么區(qū)別
• 二、注意點：及時回收定時器
• 三、好了，上代碼
• • 1.setInterval定時器應用
  • 2.setTimeout 定時器應用
• 總結

---

前言

微信小程序要設定一個定時器有兩種方法

1、setInterval：按照指定的周期（以毫秒計）來執(zhí)行注冊的回調函數(shù)
2、setTimeout：在定時到期以后執(zhí)行注冊的回調函數(shù)

詳情請參閱小程序開發(fā)文檔
setInterval
setTimeout

---

一、setInterval和 setTimeout方法有什么區(qū)別

setInterval，指定某個任務每隔一段時間就執(zhí)行一次，也就是無限次的定時執(zhí)行表達式
setTimeout，指定某個任務在指定的時間后執(zhí)行一次表達式（重要的事情說三遍：一次，一次，一次）

二、注意點：及時回收定時器

定時器是全局的，并不是跟頁面綁定的，當小程序從一個頁面路由到另一個頁面之后，前一個頁面定時器應注意手動回收。

及時回收定時器
clearInterval
clearTimeout

三、好了，上代碼

1.setInterval定時器應用

代碼如下（示例）：

Page({
  data: {
    inter: '',
  }，
  /**
   * 啟動定時器
   */
  startInter : function(){
    var that = this;
    that.data.inter= setInterval(
        function () {
            // TODO 你需要無限循環(huán)執(zhí)行的任務
            console.log('setInterval 每過500毫秒執(zhí)行一次任務')
        }, 500);    
  },
  /**
   * 結束定時器
   */
  endInter: function(){
    var that = this;
    that.clearInterval(that.data.inter)
  },
  /**
   * 生命周期函數(shù)--監(jiān)聽頁面卸載
   */
 >: function () {
    this.endInter()
  },
})

2.setTimeout 定時器應用

代碼如下（示例）：

Page({
  data: {
    timer : '',
  }，
  /**
   * 啟動定時器
   */
  startTimer : function(){
    var that = this;
    that.data.timer = setTimeout(
        function () {
            // TODO 你需要執(zhí)行的任務
            console.log('startTimer  500毫秒后執(zhí)行一次任務')
        }, 500);    
  },
  /**
   * 結束定時器
   */
  endTimer: function(){
    var that = this;
    clearTimeout(that.data.timer)
  },
  /**
   * 生命周期函數(shù)--監(jiān)聽頁面卸載
   */
 >: function () {
    this.endTimer()
  },
})

---

總結

以上就是今天要講的內容，本文僅僅簡單介紹了【微信小程序-定時器】實例應用，希望對大家有幫助。謝謝大家的閱讀！

另外，也歡迎大家關注我的個人公眾號 “聊者說”。