JavaScript之定时器

(1)单次定时器

setTimeout(function(){执行的动作},时间:ms)
单次定时器,一般用于函数节流

案例:

var timer=setTimeout(function(){
document.body.style.background = 'yellow';
},2000)

clearTimeout(timer);  清除单次定时器

(2)多次定时器

多次定时器:在一定的时间间隔内,重复某种动作
setInerval(function(){执行的动作},时间:ms)

案例:

var arr=['A','B','C','D','E','F'];
var a=-1;
setInterval(function(){
a++;
if(a>arr.length-1){
a=0;
}
console.log(arr[a]);
},500)

clearInterval(timer);
// 清除多次定时器 clearInterval(定时器名字)

在开始新一次定时器前,清除上一个定时器,避免空间上出现多个定时器

猜你喜欢

转载自www.cnblogs.com/msw0803/p/11531876.html