如何解决 setInterval 执行时间延时问题

一头小绵羊

已于 2022-03-11 16:58:50 修改

阅读量1.8k

点赞数

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

于 2022-03-11 16:57:02 首次发布

本文链接：https://blog.youkuaiyun.com/rojie0/article/details/123429042

版权

前端专栏收录该内容

46 篇文章

订阅专栏

本文解释了如何通过setTimeout函数来模拟setInterval，避免因循环导致的时间误差。通过newInterval函数和递归调用，确保每秒精确执行一次函数，而非看似两秒。

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

有时候会在 setInterval 使用 for 或 foreach 循环，使得程序运行时间变的不准确。
使用 setTimeout 模拟 setInterval

function newInterval (func, millisecond){
	function inside(){
		func()
		setTimeout(inside, millisecond)  //第二次往后调用，每秒后调用自身
	}
	setTimeout(inside, millisecond) // 第一次运行调用
}

newInterval (like,1000)

function like(){
	consol.log('每秒运行一次')
}

有人会觉得 setTimeout(inside, millisecond) 会执行两次，会有两秒的错觉，其实第二个 setTimeout(inside, millisecond)
是第一次运行的时候调用，等到第二次运行的时候，一直递归调用的是自身 inside()，所以还是每秒运行一次，而不是两秒