JavaScript/Animation/cancel

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.

Details: caniuse.com

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()