HTML5前端教程分享:JavaScript定时器

发布网友发布时间：2024-10-06 18:31

共1个回答

热心网友时间：2024-11-21 14:35

JS的定时器包括setTimeout、setInterval和setImmediate。它们都是异步任务，由浏览器的定时器模块管理延迟时间。setTimeout(fn, x)表示延迟x毫秒后执行fn，实际延迟时间可能大于x毫秒，取决于当时的JS执行情况。多个未清除的定时器会干扰延迟时间，因此及时清除不必要的定时器是个好习惯。HTML5规范规定最小延迟时间不能小于4ms，不同浏览器实现可能有差异。

setTimeout注册的函数会加入主进程执行队列，等待执行，如果队列前有未完成代码，实际延迟时间会比设置的更长。例如，setTimeout前有一个大循环，实际延迟时间会显著增加。setTimeout的延迟时间严格来说总是大于设置的时间，实际延迟取决于JS执行情况。

setInterval(fn, 100)的误区是认为上一次fn执行完后过100ms才开始下一次，但实际上，setInterval并不会等待上一次fn执行完成，而是每隔100ms就将fn放入执行队列，两次fn之间间隔取决于JS执行情况。setInterval的延迟时间和setTimeout类似，受浏览器实现影响。

setImmediate在IE11/Edge和Nodejs中支持，设计用于保证代码在下一次事件循环执行，比setTimeout(0)更可靠。在IE11/Edge中，setImmediate延迟可以在1ms以内，而setTimeout有最低4ms的延迟。

总结，这些定时器在不同场景下有不同用途，理解它们的实现机制可以帮助解决一些与时间延迟相关的JavaScript问题。有兴趣的开发者可以深入研究这些定时器的实现细节，以更好地利用它们在实际项目中的应用。