JavaScript之计时器

最新推荐文章于 2022-04-26 17:08:46 发布

原创最新推荐文章于 2022-04-26 17:08:46 发布 · 653 阅读

0 ·

CC 4.0 BY-SA版权

JavaScript 专栏收录该内容

15 篇文章

订阅专栏

本文深入讲解JavaScript中的定时器setInterval和setTimeout的使用方法，包括如何创建可循环定时任务及一次性延时任务，以及如何取消这些任务。通过实例演示了定时器在实际编程中的应用。

可循环定时器

setInterval(代码,交互时间);

代码：要调用的函数或要执行的代码串。
交互时间：周期性执行或调用表达式之间的时间间隔，以毫秒计（1s=1000ms）。

setInterval(function(){
    console.log('1');
},1000);

取消定时器

clearInterval(intervalVariable)

使用案例

var num=0;
function show(){
    if(num>4){
     clearInterval(t);
    }else{
        num++;
    }
    console.log(num);
}
var t=setInterval(show,1000);

只执行一次的定时器

setTimeout(代码,延迟时间);

在载入后延迟指定时间后,去执行一次表达式,仅执行一次。


setTimeout(function(){
    console.log('只执行一次的定时器');
},1000);

clearTimeout(timeoutVariable)