定时器分为两种:setInterval和setTimeout,他们的区别是一个是周期性定时器,一个是一次性定时器
一、周期性定时器setInterval()
作用:间隔一定的时间自动回调函数
语法:setInterval(回调函数,间隔时间)
注意:定时器的时间间隔是以毫秒为单位的
定时器的方法会返回一个线程号,主要用于清除定时器:
语法:clearInterval(定时器名称)
var s1 = setInterval(function(){
console.log(111);
console.log(s1);//线程号:1
}, 1000);//时间间隔以毫秒为单位
clearInterval(s1);//清除定时s1
练习:让定时器执行3次之后就停止
var count=0;//计数
var s2 = setInterval(function(){
console.log(222);
console.log(s2);//线程号:2
count++;
if (count==3) {
clearInterval(s2);//定时器执行3次之后就停止(3次后清除定时器)
}
}, 1000);
二、一次性定时器setTimeout()
作用:延迟多久时间之后,执行函数
语法:setInterval(回调函数,延迟时间)
注意:定时器的时间间隔是以毫秒为单位的
定时器的方法会返回一个线程号,主要用于清除定时器:
语法:clearTimeout(定时器名称)
var s3=setTimeout(function () {
console.log(333);
console.log(s3);//也拥有线程号 3
},1000)
clearTimeout(s3);//清除定时器