SELF-Treffen in Mannheim 2025

SELFHTML wird 30 Jahre alt!
Die Mitgliederversammlung findet am 24.05.2025 um 10:00 statt. Alle Mitglieder und Interessierte sind herzlich eingeladen.
Davor und danach gibt es Gelegenheiten zum gemütlichen Beisammensein. → Veranstaltungs-Ankündigung.

JavaScript/Animation/cancel

Aus SELFHTML-Wiki
Wechseln zu: Navigation, Suche

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