使用setTimeout实现setInterval功能

最新推荐文章于 2025-10-05 15:04:43 发布

原创最新推荐文章于 2025-10-05 15:04:43 发布 · 966 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#JS

JavaScript 专栏收录该内容

19 篇文章

订阅专栏

本文探讨了一个关于JavaScript中递归调用与定时器setInterval的常见误区。通过一个简单的代码示例，展示了如何错误地使用setInterval进行无限递归，并解释了其背后的原理和可能引发的问题。

一个递归解决问题：

var i=0;
function setInterval(){
    setTimeout(function(){
       console.log(i++);
       setInterval();
    },1000);
}
setInterval();

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

HHH_LLL

关注关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

setTimeout 实现 setInterval

liuhao9999的博客

05-30

566

const mySetInterval = (fn, delay) => { let timer = null const interval = () => { fn() timer = setTimeout(interval, delay) } timer = setTimeout(interval, delay) return { cancel: () => { clearTimeout(timer) } } } .

代码实现：setTimeOut实现setInterval

秋秋小事

04-17

302

setTimeOut实现setInterval

参与评论您还未登录，请先登录后发表或查看评论

js代码-settimeout 模拟实现 setinterval(带清除定时器的版本)

07-14

js代码-settimeout 模拟实现 setinterval(带清除定时器的版本)

前端面试 | 用setTimeout实现setInterval

最新发布

2301_80428853的博客

10-05

444

本文介绍了如何用setTimeout模拟实现setInterval的方法。主要内容包括：1）setTimeout和setInterval的区别：前者只执行一次，后者重复执行；2）setInterval的缺陷：当任务执行时间超过间隔时间时会导致任务堆积；3）实现方法：通过递归调用setTimeout，并包裹内部函数来避免参数传递问题。正确实现的关键是要确保每次都在任务队列中调度下一次执行，而非直接递归调用。这种方法能更精确地控制任务间隔，避免任务堆积问题。

使用setInterval（）模拟进度条

10-14

使用setInterval（）模拟进度条使用setInterval（）模拟进度条

setTimeout实现setInterval

weixin_44761091的博客

04-06

3138

文章目录一、setInterval存在的问题二、setTimeout实现SetInterval 一、setInterval存在的问题直接例子： let startTime = new Date().getTime(); let count = 0; setInterval(function () { count++; console.log( `与原设定的间隔时差了${ new Date().g

使用setTimeout实现setInterval

weixin_54165147的博客

01-29

470

可以根据实际需求传入不同的函数和延迟时间来实现不同的定时任务。版权声明：本文为优快云博主「SHOW科技」的原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接及本声明。🙋‍♂️ 作者简介：2020参加工作，专注于前端各领域技术，共同学习共同进步，一起加油呀！可以使用递归调用setTimeout来实现setInterval的功能。🔥 摸鱼学习交流：我们的宗旨是在「工作中摸鱼，摸鱼中进步」，期待大佬一起来摸鱼！函数，该函数接受一个函数和延迟时间作为参数。内部定义了一个闭包函数。

Javascript中setTimeOut和setInterval的定时器用法

01-19

Javascript的setTimeOut和setInterval函数应用非常广泛，它们都用来处理延时和定时任务，比如打开网页一段时间后弹出一个登录框，页面每隔一段时间发送异步请求获取最新数据等等。但它们的应用是有区别的。 ...

快速掌握Node.js中setTimeout和setInterval的使用方法

12-23

今天先学下setTimeout和setInterval的使用。一、setTimeout超时计时器(和GCD中的after类似) 在node.js中可以使用node.js内置的setTimeout(callback,delayMillSeconds,[args])方法。当调用setTime()时回调函数会在...

Vue中使用 setTimeout() setInterval()函数的问题

10-18

在Vue.js框架中，`setTimeout()` 和 `setInterval()` 是JavaScript的原生函数，用于实现异步编程，即延迟或周期性地执行某段代码。然而，在Vue的上下文中使用这两个函数时，需要注意一些特定的问题，主要是由于...

用setTimeout实现setInterval

前端帅小伙

03-20

729

// 用setTimeout实现setInterval // 1. 变量初始化 const timerMap = {} // 可在全局内存储多个timerId, 对象的键是数字时会自动转为字符串 let id = 0 // timerId的全局的辅助变量 // 2. 定义mySetInterval const mySetInterval = (cb, time) => { // 2.1 变量定义及初始化 const timerId = id // 调用mySetInterval

利用setTimeout实现setInterval

darabiuz的博客

02-16

5144

1.定时器的概念介绍关于定时器要记住的最重要的事情是，指定的时间间隔表示何时将定时器的代码添加到队列，而不是何时实际执行代码假设有这样一句代码 var btn = document.getElementById("my-btn"); btn.onclick = function(){ setTimeout(function(){ document.getElementById("message").style.visibility = "visible"; }, 250); //其

的setinterval函数_为什么要用 setTimeout 模拟 setInterval ？

weixin_36116366的博客

01-07

217

为什么要用 setTimeout 模拟 setInterval ？在JS事件循环之宏任务和微任务 | 九旬的博客www.zhangningle.top中讲到过，setInterval 是一个宏任务。用多了你就会发现它并不是准确无误，极端情况下还会出现一些令人费解的问题。下面我们一一罗列..推入任务队列后的时间不准确定时器代码：setInterval(fn(), N); 上面这句代码的意思其实是f...

使用setTimeout 来实现setInterval的效果

weixin_30429201的博客

03-26

1062

直接上代码，实现的核心就是在延时的情况下递归的调用自己， 1 x=0 2 y=-1 3 4 function countMin( ) 5 {　y=y+1 6 　 document.displayMin.displayBox.value=y 7 　 var timer=setTimeout("countMin( )",60000) 8 } 9 functio...

使用setTimeout 实现setInterval

JiangLittleBai的博客

07-26

351

两者区别 setTimeout() 只执行一次 setInterval() 一直执行，直到clearInterval() 思路在setTimeout 内部调用自身，以达到不停被调用代码 function st(){ setTimeout(function(){ console.log("被调用了"); st() },2000); } st(); ...

用 setTimeout 实现 setInterval 的功能

10-31

setTimeout 和 setInterval 都是 JavaScript 中用于定时执行回调函数的方法，它们的主要区别在于控制执行的灵活性： - setTimeout：这个函数接受两个参数，一个是回调函数，另一个是延迟的时间（以毫秒计）。它会在指定的时间后执行一次回调，并返回一个唯一的ID，你可以用这个ID取消这次延时，即清除定时器。 - setInterval：与 setTimeout 类似，但它会定期重复执行回调，直到通过 clearInterval 或者设置的周期结束。setInterval 同样接受一个回调函数和时间间隔作为参数，但返回的是一个整数标识符。如果你想用 setTimeout 来模拟 setInterval 的功能，你需要在每次回调结束后再次调用 setTimeout，设置新的执行时间。例如： ```javascript let timeoutId = null; const intervalTime = 1000; // 每隔1秒执行 function executeTask() { // 执行任务... // 更新下次执行的时间并重新安排 clearTimeout(timeoutId); timeoutId = setTimeout(executeTask, intervalTime); } // 初始化定时器 executeTask(); ``` 在这个例子中，`executeTask` 函数会被每1秒执行一次。如果需要停止这个定时循环，只需调用 `clearTimeout(timeoutId)`。