SELF-Treffen in Mannheim 2025

SELFHTML wird 30 Jahre alt! → 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