Spec-Zone.ru › Web APIs

Метод 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

См. также

  • Window.requestAnimationFrame()
  • DedicatedWorkerGlobalScope.cancelAnimationFrame()

© 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

Spec-Zone.ru

Настройки Оффлайн Что нового Помощь О нас
Spec-Zone .ru
спецификации, руководства, описания, API