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 AndroidEdge MobileFirefox für AndroidOpera für AndroidiOS SafariSamsung Internet
Grundlegende UnterstützungChrome Vollständige Unterstützung JaEdge Vollständige Unterstützung JaFirefox 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 JaEdge Mobile 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 33Safari iOS Vollständige Unterstützung 7.1Samsung Internet Android ?

Legende

Vollständige Unterstützung  
Vollständige Unterstützung
Kompatibilität unbekannt  
Kompatibilität unbekannt
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

Schlagwörter des Dokuments und Mitwirkende

Mitwirkende an dieser Seite: thunderhook, rhulha
Zuletzt aktualisiert von: thunderhook,