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

BCD tables only load in the browser

Spezifikation

Siehe auch