Window.cancelAnimationFrame()

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

Spezifikation

• Timing control for script-based animations: cancelAnimationFrameWD

Siehe auch

• window.mozAnimationStartTime
• window.requestAnimationFrame()