js计时器

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(计时器名字)

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(计时器名字)

let count = 10;
function countTime(){
    count--;
    //  当满足条件时，清除计时器
    if(count == 0){
        //  清除计时器
        clearInterval(timer)
    }
    console.log(count);
}
//  timer 就是计时器的名字 
let timer = setInterval(countTime, 1000)
// console.log(timer);