Baseline Widely available
The window.cancelAnimationFrame()
method cancels an animation frame request previously scheduled through a call to window.requestAnimationFrame()
.
cancelAnimationFrame(requestID)
Parameters
requestID
The ID value returned by the call to window.requestAnimationFrame()
that requested the callback.
None (undefined
).
const start = document.timeline.currentTime;
let myReq;
function step(timestamp) {
const progress = timestamp - start;
d.style.left = `${Math.min(progress / 10, 200)}px`;
if (progress < 2000) {
// it's important to update the requestId each time you're calling requestAnimationFrame
myReq = requestAnimationFrame(step);
}
}
myReq = requestAnimationFrame(step);
// the cancellation uses the last requestId
cancelAnimationFrame(myReq);
Specifications Browser compatibility See also
RetroSearch is an open source project built by @garambo | Open a GitHub Issue
Search and Browse the WWW like it's 1997 | Search results from DuckDuckGo
HTML:
3.2
| Encoding:
UTF-8
| Version:
0.7.4