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.
Résumé
La propriété en lecture seule AnimationEvent.elapsedTime est un float indiquant la quantité de temps pendant laquelle l'animation a tournée, en secondes, quand l'évènement a été déclenché, excluant tout temps où l'animation était en pause. Pour un évènement "animationstart", elapsedTime est 0.0 sauf si animation-delay a une valeur négative, dans ce cas l'évènement est déclenché avec elapsedTime contenant (-1 * délai).
Syntaxe
temps = AnimationEvent.elapsedTime
Spécifications
| Spécification | Statut | Commentaire |
|---|---|---|
| CSS Animations La définition de 'AnimationEvent.elapsedTime' dans cette spécification. |
Version de travail | Première définition |
Compatibilité des navigateurs
| Fonctionnalité | Chrome | Firefox (Gecko) | Internet Explorer | Opera | Safari |
|---|---|---|---|---|---|
| Support basique | (Oui) | 6.0 (6.0) | 10.0 | (Oui) | (Oui) |
| Fonctionnalité | Android | Firefox Mobile (Gecko) | IE Mobile | Opera Mobile | Safari Mobile |
|---|---|---|---|---|---|
| Support basique | (Oui) | 6.0 (6.0) | 10.0 | (Oui) | (Oui) |
Voir également
- Utiliser les animations CSS
- Propriétés CSS et règles @ en relations avec les animations CSS:
animation,animation-delay,animation-direction,animation-duration,animation-fill-mode,animation-iteration-count,animation-name,animation-play-state,animation-timing-function,@keyframes. - L'interface
AnimationEventà laquelle elle appartient.