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

原创已于 2022-03-11 16:58:50 修改 · 2k 阅读

0 ·

本内容遵循CC 4.0 BY-SA版权协议

标签

#javascript #前端 #jquery

收录于

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

前端专栏收录该内容

46 篇文章

订阅专栏

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

有时候会在 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()，所以还是每秒运行一次，而不是两秒