使用setTimeout()实现setInterval()功能

最新推荐文章于 2025-05-20 16:07:43 发布

原创最新推荐文章于 2025-05-20 16:07:43 发布 · 5.3k 阅读

9 ·

CC 4.0 BY-SA版权

web前端同时被 2 个专栏收录

9 篇文章

订阅专栏

JavaScript

5 篇文章

订阅专栏

本文详细解析了JavaScript中的setTimeout()与setInterval()的区别及使用方法，并通过一个具体的示例展示了如何利用setTimeout()来模拟setInterval()的功能。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

setTimeout()与setInterval()本身功能说明，如下：

setInterval(fun,time)：间隔time就执行fun函数一次，重复性的。

setTimeout(fun,time):当过了time时间后，执行fun函数一次，非重复性的，只执行一次。

setTimeout()实现setInterval()功能：

/*
* 调用函数
* 参数分为：true和false;
* 参数说明：传入true实现setInterval()功能；传入false取消setInterval()功能
* */
countTimer(true);
//声明一个变量，用来获取函数，目的是为了能结束这个函数，也就是传入false时结束这个功能。
var fun;
//通过传入一个标记，来判断是否重复执行
function countTimer(flag) {
    if(flag){
      fun = setTimeout(function () {
            console.log("计数器=》" ,"ss")
            //递归调用函数，不懂递归请百度
            countTimer(true)
        },2000);
    }else{
        //结束函数
        clearTimeout(fun)
    }
}