Cette page a été traduite à partir de l'anglais par la communauté. Vous pouvez contribuer en rejoignant la communauté francophone sur MDN Web Docs.

View in English Always switch to English

AnimationEvent()

Baseline Widely available

Cette fonctionnalité est bien établie et fonctionne sur de nombreux appareils et versions de navigateurs. Elle est disponible sur tous les navigateurs depuis ⁨août 2016⁩.

Le constructeur AnimationEvent() renvoie un nouvel objet AnimationEvent, qui représente un évènement relatif à une animation.

Syntaxe

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

Paramètres

type

Une chaîne représentant le nom du type de l'objet AnimationEvent, sensible à la casse. Les valeurs possibles sont animationstart, animationend ou animationiteration.

options Facultatif

Un objet qui, en plus des propriétés définies par le constructeur Event(), contient les propriétés suivantes :

animationName Facultatif

Une chaîne contenant la valeur de la propriété CSS animation-name associée à la transition. La valeur par défaut est "".

elapsedTime Facultatif

Un nombre à virgule flottante, équivalent à la durée pendant laquelle l'animation s'est déroulée, en secondes, depuis le déclenchement de cet évènement (excluant les temps de pause de l'animation). elapsedTime vaudra 0.0 pour un évènement animationstart, à moins que animation-delay n'ait une valeur négative. Dans ce cas, l'évènement sera déclenché avec une valeur de (-1 * délai) pour elapsedTime. La valeur par défaut est 0.0.

pseudoElement Facultatif

Une chaîne commençant par ::, qui contient le nom du pseudo-élément sur lequel l'animation s'exécute. Si l'animation est exécutée sur l'élément et non sur un pseudo-élément, la chaîne sera vide (""). La valeur par défaut est "" (chaîne vide).

Spécifications

Specification
CSS Animations Level 1
# dom-animationevent-animationevent

Compatibilité des navigateurs

Voir aussi