Метод Window: cancelAnimationFrame()
Базовая поддержка Широко доступно
Эта функция хорошо зарекомендовала себя и работает на многих устройствах и версиях браузеров. Она доступна в браузерах с июля 2015 года.
Метод window.cancelAnimationFrame() отменяет запрос на кадр анимации, ранее запланированный с помощью вызова window.requestAnimationFrame().
Синтаксис
cancelAnimationFrame(requestID)
Параметры
requestID-
Значение идентификатора, возвращенное вызовом
window.requestAnimationFrame(), который запросил обратный вызов.
Возвращаемое значение
Ничего (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);
Спецификации
| Спецификация |
|---|
| HTML # animationframeprovider-cancelanimationframe |
Совместимость с браузерами
| Рабочие столы | Мобильные устройства | ||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|
| Chrome | Edge | Firefox | Opera | Safari | Chrome Android | Firefox for Android | Opera Android | Safari на IOS | Samsung Internet | WebView Android | |
cancelAnimationFrame |
24 | 12 | 2311–23 | 15 | 76–7 | 25 | 2314–23 | 14 | 76–7 | 1.5 | 4.4 |
См. также
© 2005–2024 MDN contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/API/Window/cancelAnimationFrame