1. 程式人生 > 其它 >js計時器

js計時器

setTimeout()

setTimeout(handler, timer) : 間隔指定的時間 執行一次程式碼

JS
let count =1;
let time = setTimeout(function(){
    count++;
    console.log(count);
},1000)
console.log(time);

setInterval()

setInterval(handler, timer) :每間隔指定的時間 執行一次程式碼, 重複執行

JS
let count = 1;
let timer = setInterval(function(){
    count++;
    console.log(count);
},1000)
console.log(timer);

引數解析:

handler : 事件處理程式, 是一個函式, 匿名函式或可以使用函式名
timer : 時間 單位是毫秒ms

清除計時器

當滿足條件時,清除計時器

clearTimeout(計時器名字)

JS
let count = 10;
function print(){
    count--;
    console.log(count);
    //需要在事件處理程式中  再次呼叫執行計時器
    time = setTimeout(print, 1000)
    // 清除計時器
    if(count == 0){
        clearTimeout(time)
    }
}
//  time 計時器名字
let time = setTimeout(print, 1000)

clearInterval(計時器名字)

JS
let count = 10;
function countTime(){
    count--;
    //  當滿足條件時,清除計時器
    if(count == 0){
        //  清除計時器
        clearInterval(timer)
    }
    console.log(count);
}
//  timer 就是計時器的名字 
let timer = setInterval(countTime, 1000)
// console.log(timer);