定時器-間歇函式
阿新 • • 發佈:2022-05-14
概念
setInterval
是 JavaScript 中內建的函式,它的作用是間隔固定的時間自動重複執行另一個函式,也叫定時器函式。
使用
-
開啟/建立定時器
語法:setInterval(函式, 間隔時間)
- 函式:不加小括號,加小括號會立即執行
- 時間間隔:單位毫秒,1000毫秒 = 1秒
作用:每隔一段時間呼叫這個函式
注意:
- 函式名字不需要加括號
- 定時器返回的是一個id數字
// 匿名定時器:不能清除 setInterval(fn,1000) function fn () { console.log('hellow~') }
-
關閉定時器
語法:
let 變數名 = setInterval(函式, 間隔時間)
clearInterval(變數名)
注意:
因為頁面中可能有多個定時器,但關閉哪個需要明確,因此關閉定時器必須有定時器標識
定時器標識:開啟/定義定時器時會返回一個id數字,作為定時器標誌,由變數接收
let i = 0 const interval = setInterval(repeat, 1000) function repeat () { i ++ console.log(`每天起床第${i}句,先給自己打個氣<br>`) if(i >= 10){ clearInterval(interval) } }