AnimationEvent: Konstruktor AnimationEvent()

Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since September 2015.

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

Syntax

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

Parameter

type

Ein String mit dem Namen des Typs des AnimationEvent. Er ist case-sensitive und wird von Browsern auf animationstart, animationend oder animationiteration gesetzt.

options Optional

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

animationName Optional

Ein String, der den Wert der animation-name CSS-Eigenschaft enthält, die mit der Transition verknüpft ist. Der Standardwert ist "".

elapsedTime Optional

Ein float, der die Zeit in Sekunden angibt, die die Animation beim Auslösen dieses Ereignisses lief, ohne dabei die Zeit einzubeziehen, in der die Animation pausiert war. Bei einem 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. Der Standardwert ist 0.0.

pseudoElement Optional

Ein String, der mit "::" beginnt und den Namen des Pseudo-Elements enthält, auf dem die Animation ausgeführt wird. Wenn die Animation nicht auf einem Pseudo-Element, sondern auf dem Element selbst ausgeführt wird, geben Sie einen leeren String an: "". Der Standardwert ist "".

Spezifikationen

Specification
CSS Animations Level 1
# dom-animationevent-animationevent

Browser-Kompatibilität

BCD tables only load in the browser

Siehe auch