window.requestIdleCallback()
方法将在浏览器的空闲时段内调用的函数排队。这使开发人员能够在主事件循环上执行后台和低优先级工作,而不会影响延迟关键事件,如动画和输入响应。函数一般会按先进先调用的顺序执行,然而,如果回调函数指定了执行超时时间timeout,则有可能为了在超时前执行函数而打乱执行顺序。
您可以在空闲回调函数中调用requestIdleCallback()
,以便在下一次通过事件循环之前调度另一个回调。
语法
var handle = window.requestIdleCallback(callback[, options])
- 返回值
一个无符号长整数,可以把它传入Window.cancelIdleCallback()
方法,来结束回调
参数 - callback
一个在事件循环空闲时即将被调用的函数的引用。函数会接收到一个名为IdleDeadline
的参数,这个参数可以获取当前空闲时间以及回调是否在超时时间前已经执行的状态。 - options 可选
包括可选的配置参数。具有如下属性:
timeout
:timeout 值被指定为正数时,当做浏览器调用 callback 的最后期限。它的单位是毫秒。当指定的时间过去后回调还没有被执行,那么回调会在下一次空闲时期被强制执行,尽管可能会对性能造成负面影响。
官方参考文档 https://developer.mozilla.org/zh-CN/docs/Web/API/Window/requestIdleCallback