SetInterval（循环计时器）

最新推荐文章于 2024-08-07 16:27:19 发布

SeriousLose

最新推荐文章于 2024-08-07 16:27:19 发布

阅读量2.6k

点赞数 1

分类专栏： DOM 文章标签： javascript 前端

本文链接：https://blog.csdn.net/SeriousLose/article/details/111623968

版权

DOM 专栏收录该内容

16 篇文章 1 订阅

订阅专栏

本文介绍了JavaScript中的SetInterval函数，用于创建循环计时器，详细阐述了其参数、返回值以及注意事项，包括计时器不会阻塞代码执行和如何使用clearInterval清除计时器。通过示例代码展示了如何正确使用和停止计时器。

摘要由CSDN通过智能技术生成

SetInterval（循环计时器）

循环计时器（间隔计时器）

  setInterval()            
    参数2个
       第1个参数: 函数/字符串
       第2个参数: 时间间隔(单位ms) 省略时是10ms,小于10,也是10ms
    返回值
       当前浏览器给计时器分配的编号
            谷歌:1开始
            FF:2开始
            IE:随机分配一个比较大的数
    注意:
        1.间隔计时器,不会影响下面的代码执行,不是多线程,JS是单线程的.
        2.清除间隔计时器 clearInterval(计时器的名字),开始前要把上个计时器清除掉.

function timer(timeout){
    let i = 0;
    let t;
    t = setInterval(time, 1000);
    function time() {
        console.log(i);
        i++;
        if(i >= timeout) clearInterval(t);
    }
}
timer(10);