js計時器
阿新 • • 發佈:2022-04-19
setTimeout()
setTimeout(handler, timer)
: 間隔指定的時間 執行一次程式碼
let count =1;
let time = setTimeout(function(){
count++;
console.log(count);
},1000)
console.log(time);
setInterval()
setInterval(handler, timer)
:每間隔指定的時間 執行一次程式碼, 重複執行
let count = 1;
let timer = setInterval(function(){
count++;
console.log(count);
},1000)
console.log(timer);
引數解析:
handler
: 事件處理程式, 是一個函式, 匿名函式或可以使用函式名timer
: 時間 單位是毫秒ms
清除計時器
當滿足條件時,清除計時器
clearTimeout(計時器名字)
JSlet count = 10;
function print(){
count--;
console.log(count);
//需要在事件處理程式中 再次呼叫執行計時器
time = setTimeout(print, 1000)
// 清除計時器
if(count == 0){
clearTimeout(time)
}
}
// time 計時器名字
let time = setTimeout(print, 1000)
clearInterval(計時器名字)
JSlet count = 10;
function countTime(){
count--;
// 當滿足條件時,清除計時器
if(count == 0){
// 清除計時器
clearInterval(timer)
}
console.log(count);
}
// timer 就是計時器的名字
let timer = setInterval(countTime, 1000)
// console.log(timer);