JS定时器

最新推荐文章于 2025-11-22 12:00:00 发布

原创最新推荐文章于 2025-11-22 12:00:00 发布 · 236 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #js

JS 专栏收录该内容

13 篇文章

订阅专栏

本文深入讲解JavaScript中的定时器概念，包括循环执行定时器(setInterval)和延时定时器(setTimeout)的使用方法，以及如何通过clearInterval和clearTimeout来停止定时器。通过具体代码示例，展示定时器在实际开发中的应用。

定时器里面没什么好说的，直接上代码看效果就可以了。记得好好的读注释。

    //js里面没有线程
    //异步执行一般用定时器
    //定时器有2种
    //1.循环执行
    //两个参数  第一个参数是循环执行的任务  第二个参数是间隔多长的时间，单位是毫秒这里就是间隔0.5秒执行一次
    //返回定时器id  间隔指定时间，重复执行任务
    var index = 0;
    var inter = setInterval(function(){
        index++;
        console.log(1111+"=" + index)
        if(index == 6){
            //停止定时器
            clearInterval(inter);
        }
    },500);

在这里插入图片描述

还有一个延时定时器，参数和上面那个一样
不过这里是延时指定的时间之后，执行一次任务。

//2.延时定时器  参数和上面那个一样
    //延时指定的时间，执行一次任务
    var timeo = setTimeout(function (){
        console.log(1111+"=" + index)
    },500);

结果如下：
在这里插入图片描述
而后还有停止延迟计时器：

//停止延时定时器
clearTimeout(timeo);

这一行代码直接放在指定的代码之后：
在这里插入图片描述
可以看到直接清除了延时计时器，没有任何输出。