AnimationEvent()

Le constructeur AnimationEvent() retourne un nouvel AnimationEvent, représentant un évènement en relation avec une animation.

Syntaxe

animationEvent = new AnimationEvent(type, {animationName: aPropertyName, 
                                           elapsedTime  : aFloat, 
                                           pseudoElement: aPseudoElementName});

Paramètres

Le constructeur AnimationEvent() constructeur hérite également des arguments de  Event().

type

Un DOMString représentant le nom du type de AnimationEvent. Il est sensible à la casse (majuscule-minuscule) et peut être: 'animationstart', 'animationend', or 'animationiteration'.

animationName Facultatif

Un DOMString contenant la valeur de  la propriété associée avec la transition.animation-name . Prend par défaut "".

elapsedTime Facultatif

Un float donne le montant de temps d'une application qui a fonctionné, en secondes, quand l'évenenement est déclenché, excluant le temps de pause des animations. Pour un évènement "animationstart" , elapsedTime est de 0.0 jusqu'a ce qu'il y ai une valeur négative pour une valeur animation-delay, dans le case où l'évenement est déclenché par elapsedTime contenant (-1 *  délais). SA valeur par défaut vaut 0.0.

pseudoElement Facultatif

Is a DOMString, starting with "::", containing the name of the pseudo-element the animation runs on. If the animation doesn't run on a pseudo-element but on the element itself, specify an empty string: "". It defaults to "".

Return value

A new AnimationEvent, initialized per any provided options.

Specifications

Browser compatibility

Nous convertissons les données de compatibilité dans un format JSON. Ce tableau de compatibilité utilise encore l'ancien format car nous n'avons pas encore converti les données qu'il contient. Vous pouvez nous aider en contribuant !

See also

• Using CSS animations
• Animation-related CSS properties and at-rules: animation, animation-delay, animation-direction, animation-duration, animation-fill-mode, animation-iteration-count, animation-name, animation-play-state, animation-timing-function, @keyframes
• The AnimationEvent interface it belongs to.