1. 程式人生 > 其它 >定時器-間歇函式

定時器-間歇函式

概念

setInterval 是 JavaScript 中內建的函式,它的作用是間隔固定的時間自動重複執行另一個函式,也叫定時器函式。

使用

  1. 開啟/建立定時器

    語法:setInterval(函式, 間隔時間)

    • 函式:不加小括號,加小括號會立即執行
    • 時間間隔:單位毫秒,1000毫秒 = 1秒

    作用:每隔一段時間呼叫這個函式

    注意:

    1. 函式名字不需要加括號
    2. 定時器返回的是一個id數字
    // 匿名定時器:不能清除
        setInterval(fn,1000)
    
        function fn () {
          console.log('hellow~')
        }
    
  2. 關閉定時器

    語法:

    let 變數名 = setInterval(函式, 間隔時間)

    clearInterval(變數名)

    注意:

    因為頁面中可能有多個定時器,但關閉哪個需要明確,因此關閉定時器必須有定時器標識

    定時器標識:開啟/定義定時器時會返回一個id數字,作為定時器標誌,由變數接收

        let i = 0
        const interval = setInterval(repeat, 1000) 
        
        function repeat () {
          i ++
          console.log(`每天起床第${i}句,先給自己打個氣<br>`)
          if(i >= 10){
          clearInterval(interval)
          }
        }