【Javascript】定时器

目录

延迟执行

定时执行

清除定时任务

 


延迟执行

setTimeout(function(){}, 毫秒)
console.log(1);
console.log(2);
console.log(3);
setTimeout(function (){
    console.log(5)
},5000)
console.log(4);

【Javascript】定时器_第1张图片

 

setTimeout(function (){
    console.log(5)
},5000)

设定了一个任务,5秒之后打印5这个数字

【Javascript】定时器_第2张图片

清除定时器 

console.log(1);
console.log(2);
console.log(3);
var timer=setTimeout(function (){
    console.log(5)
},5000)
console.log(4);
clearTimeout(timer);

 【Javascript】定时器_第3张图片

定时执行

var timer=setInterval(function (){
    console.log('a');
},4000);

【Javascript】定时器_第4张图片

每经过4秒就会打印一次a

它跟前面的延时执行不一样,延迟执行只是把一个任务延迟了一段时间才去执行,

而定时任务就是每经过一段时间就会执行这一个任务

清除定时任务

var timer=setInterval(function (){
    console.log('a');
},4000);


setTimeout(function (){
    clearInterval(timer);
},12000);

【Javascript】定时器_第5张图片

在12秒的时候清除该任务

 

 

你可能感兴趣的:(Javascript,javascript,前端,开发语言)