This is an experimental technology
Check the Browser compatibility table carefully before using this in production.
The window.requestIdleCallback()
method queues a function to be called during a browser's idle periods. This enables developers to perform background and low priority work on the main event loop, without impacting latency-critical events such as animation and input response. Functions are generally called in first-in-first-out order; however, callbacks which have a timeout
specified may be called out-of-order if necessary in order to run them before the timeout elapses.
You can call requestIdleCallback()
within an idle callback function to schedule another callback to take place no sooner than the next pass through the event loop.
timeout
option is strongly recommended for required work, as otherwise it's possible multiple seconds will elapse before the callback is fired.var handle = window.requestIdleCallback(callback[, options])
An ID which can be used to cancel the callback by passing it into the window.cancelIdleCallback()
method.
callback
IdleDeadline
object describing the amount of time available and whether or not the callback has been run because the timeout period expired.options
Optional
timeout
: If timeout
is specified and has a positive value, and the callback has not already been called by the time timeout milliseconds have passed, the callback will be called during the next idle period, even if doing so risks causing a negative performance impact.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. |
Desktop | ||||||
---|---|---|---|---|---|---|
Chrome | Edge | Firefox | Internet Explorer | Opera | Safari | |
Basic support | 47 | No | 55
|
No | 34 | No |
Mobile | |||||||
---|---|---|---|---|---|---|---|
Android webview | Chrome for Android | Edge Mobile | Firefox for Android | Opera for Android | iOS Safari | Samsung Internet | |
Basic support | 47 | 47 | No | 55
|
? | No | ? |
window.cancelIdleCallback()
IdleDeadline
window.setTimeout()
window.setInterval()
window.requestAnimationFrame
© 2005–2018 Mozilla Developer Network and individual contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/API/window/requestIdleCallback