Cette traduction est en cours.

Cette fonction est expérimentale
Puisque cette fonction est toujours en développement dans certains navigateurs, veuillez consulter le tableau de compatibilité pour les préfixes à utiliser selon les navigateurs.
Il convient de noter qu'une fonctionnalité expérimentale peut voir sa syntaxe ou son comportement modifié dans le futur en fonction des évolutions de la spécification.

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

Specification Status Comment
CSS Animations
La définition de 'AnimationEvent()' dans cette spécification.
Version de travail Initial definition.

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 !

Feature Chrome Firefox (Gecko) Internet Explorer Opera Safari
Basic support 43.0 23.0 (23.0) Pas de support Pas de support Pas de support
pseudoElement Pas de support 23.0 (23.0) Pas de support Pas de support Pas de support
Feature Android Firefox Mobile (Gecko) IE Mobile Opera Mobile Safari Mobile Chrome for Android
Basic support Pas de support 23.0 (23.0) Pas de support Pas de support Pas de support 43.0
pseudoElement Pas de support 23.0 (23.0) Pas de support Pas de support Pas de support Pas de support

See also

Étiquettes et contributeurs liés au document

Contributeurs à cette page : tonybengue
Dernière mise à jour par : tonybengue,