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 August 2016.
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. Er ist case-sensitive und wird von Browsern aufanimationstart,animationendoderanimationiterationgesetzt. optionsOptional-
Ein Objekt, das zusätzlich zu den in
Event()definierten Eigenschaften folgende Eigenschaften besitzt:animationNameOptional-
Ein String, der den Wert der
animation-nameCSS-Eigenschaft enthält, die mit der Transition verknüpft ist. Der Standardwert ist"". elapsedTimeOptional-
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 einemanimationstart-Ereignis istelapsedTime0.0, es sei denn, es gab einen negativen Wert füranimation-delay, in welchem Fall das Ereignis mitelapsedTime, das(-1 * delay)enthält, ausgelöst wird. Der Standardwert ist0.0. pseudoElementOptional-
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
Loading…
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
AnimationEventSchnittstelle, zu der es gehört.