Window.cancelAnimationFrame()

Dies ist eine experimentelle Technologie
Da diese Technologie noch nicht definitiv implementiert wurde, sollte die Browserkompatibilität beachtet werden. Es ist auch möglich, dass die Syntax in einer späteren Spezifikation noch geändert wird.

Zusammenfassung

Stopt eine vorher durch window.requestAnimationFrame() geplante Animation.

Syntax

window.cancelAnimationFrame(requestID);

Parameter

requestID
Der ID Wert der beim Aufruf von window.requestAnimationFrame() vorher zurückgegeben wurde.

Beispiel

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

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

var start = window.mozAnimationStartTime;  // Nur unterstützt in FF. Andere Browsers können zB Date.now() benutzen.

var myReq;

function step(timestamp) {
  var progress = timestamp - start;
  d.style.left = Math.min(progress/10, 200) + "px";
  if (progress < 2000) {
    myReq = requestAnimationFrame(step);
  }
}
myReq = requestAnimationFrame(step);

window.cancelAnimationFrame(myReq);

Browserkompatibilität

Update compatibility data on GitHub
DesktopMobile
ChromeEdgeFirefoxInternet ExplorerOperaSafariAndroid WebviewChrome für AndroidFirefox für AndroidOpera für AndroidSafari auf iOSSamsung Internet
cancelAnimationFrameChrome Vollständige Unterstützung JaEdge Vollständige Unterstützung 12Firefox Vollständige Unterstützung 23
Vollständige Unterstützung 23
Keine Unterstützung 11 — 23
Mit Präfix
Mit Präfix Benötigt das Herstellerpräfix: moz
IE Vollständige Unterstützung 10Opera Vollständige Unterstützung 15Safari Vollständige Unterstützung 6.1
Vollständige Unterstützung 6.1
Keine Unterstützung 6 — 6.1
Mit Präfix
Mit Präfix Benötigt das Herstellerpräfix: webkit
WebView Android Vollständige Unterstützung JaChrome Android Vollständige Unterstützung JaFirefox Android Vollständige Unterstützung 23
Vollständige Unterstützung 23
Keine Unterstützung 14 — 23
Mit Präfix
Mit Präfix Benötigt das Herstellerpräfix: moz
Opera Android Vollständige Unterstützung 14Safari iOS Vollständige Unterstützung 7Samsung Internet Android Vollständige Unterstützung Ja

Legende

Vollständige Unterstützung  
Vollständige Unterstützung
Benötigt ein Herstellerpräfix oder einen anderen Namen zur Verwendung.
Benötigt ein Herstellerpräfix oder einen anderen Namen zur Verwendung.

Spezifikation

Siehe auch