JavaScript Annulation d'une animation


Exemple

Pour annuler un appel à requestAnimationFrame , vous avez besoin de l'identifiant renvoyé lors de son dernier appel. C'est le paramètre que vous utilisez pour cancelAnimationFrame . L'exemple suivant démarre une animation hypothétique, puis la met en pause après une seconde.

// stores the id returned from each call to requestAnimationFrame
var requestId;

// draw something
function draw(timestamp) {
    // do some animation
    // request next frame
    start();
}

// pauses the animation
function pause() {
    // pass in the id returned from the last call to requestAnimationFrame
    cancelAnimationFrame(requestId);
}

// begin the animation
function start() {
    // store the id returned from requestAnimationFrame
    requestId = requestAnimationFrame(draw);
}

// begin now
start();

// after a second, pause the animation
setTimeout(pause,1000);