SELF-Treffen in Mannheim 2025
SELFHTML wird 30 Jahre alt! → Veranstaltungs-Ankündigung.
JavaScript/Animation/cancel
Aus SELFHTML-Wiki
< JavaScript | Animation
Die Methode Animation.cancel()
beendet alle KeyframeEffects der Animation und bricht den playback ab. Die Werte für startTime und currentTime werden auf null
gesetzt.
Anwendungsbeispiel
Animation.play()
ansehen …
document.querySelector('#cancel').addEventListener('click', cancelAnimation);
function cancelAnimation() {
Animation.cancel();
messageOutput();
}
Mit einem KKlick auf den Stop-Button wird die Funktion cancelAnimation()
aufgerufen, die dann mit Animation.cancel() die Animation beendet.
Anschließend werden playState und currentTime ausgegeben.
Weblinks
- W3C: Canceling an animation
- MDN: Animation.cancel()