Der AnimationEvent() Konstruktor gibt ein neues AnimationEvent Objekt zurück, das ein Ereignis in Bezug auf eine Animation darstellt.

Syntax

new AnimationEvent(type)
new AnimationEvent(type, options)

Parameter

type

Ein String mit dem Namen des Typs des AnimationEvent. Es ist groß-/kleinschreibungssensitiv und von Browsern auf animationstart, animationend oder animationiteration gesetzt.

options Optional

Ein Objekt, das zusätzlich zu den in Event() definierten Eigenschaften die folgenden Eigenschaften besitzt:

animationName Optional

Ein String, der den Wert der animation-name CSS-Eigenschaft enthält, die mit der Animation in Verbindung steht. Standardmäßig ist dies "".

elapsedTime Optional

Ein float, das die Zeitdauer angibt, die die Animation in Sekunden lief, als dieses Ereignis ausgelöst wurde, ohne jegliche Zeit, in der die Animation pausiert war. Für ein animationstart-Ereignis ist elapsedTime 0.0, es sei denn, es gab einen negativen Wert für animation-delay, in welchem Fall das Ereignis mit elapsedTime, das (-1 * delay) enthält, ausgelöst wird. Standardmäßig ist dies 0.0.

pseudoElement Optional

Ein String, beginnend mit "::", der den Namen des Pseudo-Elements enthält, auf dem die Animation abläuft. Wenn die Animation nicht auf einem Pseudo-Element, sondern auf dem Element selbst ausgeführt wird, geben Sie einen leeren String an: "". Standardmäßig ist dies "".

Spezifikationen

Browser-Kompatibilität

Siehe auch

• Verwendung von CSS-Animationen
• Animation-bezogene CSS-Eigenschaften und -Regeln: animation, animation-delay, animation-direction, animation-duration, animation-fill-mode, animation-iteration-count, animation-name, animation-play-state, animation-timing-function, @keyframes
• Die AnimationEvent Schnittstelle, zu der es gehört.