window.cancelAnimationFrame()

Метод window.cancelAnimationFrame() останавливает анимацию, запланированную с помощью window.requestAnimationFrame().

Синтаксис

window.cancelAnimationFrame(requestID);

Параметры

requestID
Значение, которое возвращает window.requestAnimationFrame() при запросе callback.

Примеры

var requestAnimationFrame = window.requestAnimationFrame || window.mozRequestAnimationFrame ||
                            window.webkitRequestAnimationFrame || window.msRequestAnimationFrame;

var cancelAnimationFrame = window.cancelAnimationFrame || window.mozCancelAnimationFrame;

var start = window.mozAnimationStartTime;  // Поддерживается только FF. В других браузерах можно использовать Date.nov().

var myReq;

function step(timestamp) {
  var progress = timestamp - start;
  d.style.left = Math.min(progress / 10, 200) + 'px';
  if (progress < 2000) {
    // Важно обновлять requestId при каждом запросе requestAnimationFrame
    myReq = requestAnimationFrame(step);
  }
}
myReq = requestAnimationFrame(step);
// остановка с использованием последнего requestId
cancelAnimationFrame(myReq);

Совместимость с браузерами

Update compatibility data on GitHub
КомпьютерыМобильные
ChromeEdgeFirefoxInternet ExplorerOperaSafariAndroid webviewChrome для AndroidFirefox для AndroidOpera для AndroidSafari on iOSSamsung Internet
cancelAnimationFrameChrome Полная поддержка ДаEdge Полная поддержка 12Firefox Полная поддержка 23
Полная поддержка 23
Нет поддержки 11 — 23
С префиксом
С префиксом Требует вендорный префикс: moz
IE Полная поддержка 10Opera Полная поддержка 15Safari Полная поддержка 6.1
Полная поддержка 6.1
Нет поддержки 6 — 6.1
С префиксом
С префиксом Требует вендорный префикс: webkit
WebView Android Полная поддержка ДаChrome Android Полная поддержка ДаFirefox Android Полная поддержка 23
Полная поддержка 23
Нет поддержки 14 — 23
С префиксом
С префиксом Требует вендорный префикс: moz
Opera Android Полная поддержка 14Safari iOS Полная поддержка 7Samsung Internet Android Полная поддержка Да

Легенда

Полная поддержка  
Полная поддержка
Требует вендорный префикс или другое имя для использования.
Требует вендорный префикс или другое имя для использования.

Спецификация

Смотрите также