Wie kann Sie erkennen, wenn CSS-Animationen beginnen und enden mit JavaScript?

War ich verwendet, um zu animieren Elemente mit JavaScript. Ich fand es einfacher, es zu tun mit CSS3.

Mithilfe von JavaScript wie kann Sie erkennen, wenn eine CSS-animation gestartet wurde und Wann es beendet ist? Gibt es eine Möglichkeit überhaupt?

  • übergänge !== Animationen
  • Ja, die andere Frage ist, über übergänge, die Antwort ist der Fall: transitionend, aber diese Frage ist über animationend
InformationsquelleAutor Alex | 2013-02-10
  1. 11

    Binden die entsprechenden Ereignisse für das element, z.B.

    el.addEventListener("animationstart", function() {}, false);
el.addEventListener("animationend", function() {}, false);
el.addEventListener("animationiteration", function() {}, false);

    https://developer.mozilla.org/en-US/docs/CSS/Tutorials/Using_CSS_animations#Using_animation_events

    Hinweis: möglicherweise müssen Sie fügen Sie die entsprechenden Präfix-Veranstaltungen, wie z.B. webkitAnimationEnd

    InformationsquelleAutor Prinzhorn
Schreibe einen Kommentar