requestIdleCallback

这是一个实验中的功能
此功能某些浏览器尚在开发中,请参考浏览器兼容性表格以得到在不同浏览器中适合使用的前缀。由于该功能对应的标准文档可能被重新修订,所以在未来版本的浏览器中该功能的语法和行为可能随之改变。

window.requestIdleCallback()方法将在浏览器的空闲时段内调用的函数排队。这使开发者能够在主事件循环上执行后台和低优先级工作,而不会影响延迟关键事件,如动画和输入响应。函数一般会按先进先调用的顺序执行,然而,如果回调函数指定了执行超时时间timeout,则有可能为了在超时前执行函数而打乱执行顺序。

你可以在空闲回调函数中调用requestIdleCallback(),以便在下一次通过事件循环之前调度另一个回调。

强烈建议使用timeout选项进行必要的工作,否则可能会在触发回调之前经过几秒钟。

语法

var handle = window.requestIdleCallback(callback[, options])

返回值

一个ID,可以把它传入 Window.cancelIdleCallback() 方法来结束回调。

参数

callback
一个在事件循环空闲时即将被调用的函数的引用。函数会接收到一个名为 IdleDeadline 的参数,这个参数可以获取当前空闲时间以及回调是否在超时时间前已经执行的状态。
options 可选
包括可选的配置参数。具有如下属性:
  • timeout:如果指定了timeout并具有一个正值,并且尚未通过超时毫秒数调用回调,那么回调会在下一次空闲时期被强制执行,尽管这样很可能会对性能造成负面影响。

Example

See our complete example in the article Cooperative Scheduling of Background Tasks API.

规范

Specification Status Comment
Cooperative Scheduling of Background Tasks Proposed Recommendation Initial definition.

浏览器兼容性

Update compatibility data on GitHub
DesktopMobile
ChromeEdgeFirefoxInternet ExplorerOperaSafariAndroid webviewChrome for AndroidFirefox for AndroidOpera for AndroidSafari on iOSSamsung Internet
requestIdleCallback
Experimental
Chrome Full support 47Edge No support NoFirefox Full support 55
Notes
Full support 55
Notes
Notes Enabled by default.
No support 53 — 55
Notes
Notes Implemented but disabled by default.
IE No support NoOpera Full support 34Safari No support NoWebView Android Full support 47Chrome Android Full support 47Firefox Android Full support 55
Notes
Full support 55
Notes
Notes Enabled by default.
No support 53 — 55
Notes
Notes Implemented but disabled by default.
Opera Android Full support YesSafari iOS No support NoSamsung Internet Android Full support 5.0

Legend

Full support  
Full support
No support  
No support
Experimental. Expect behavior to change in the future.
Experimental. Expect behavior to change in the future.
See implementation notes.
See implementation notes.

查看更多