Exemple
Découvrez combien de secondes une animation a été en cours d'exécution:
var x = document.getElementById("myDIV");
x.addEventListener("animationiteration",
myRepeatFunction);
function myRepeatFunction(event) {
this.innerHTML
= "Elapsed time: " + event.elapsedTime;
} Essayez vous - même » Définition et utilisation
La propriété elapsedTime retourne le nombre de secondes d'une animation a été en cours d'exécution, lorsqu'un événement se produit d'animation.
Remarque: La valeur de retour est pas affectée si l'animation est en pause (by using the animation-delay CSS property) .
Remarque: Pour le animationstart événement, cette propriété retourne toujours "0" .
Cette propriété est en lecture seule.
Support du navigateur
Les chiffres du tableau indiquent la première version du navigateur qui prend en charge entièrement la propriété.
| Propriété | |||||
|---|---|---|---|---|---|
| elapsedTime | Oui | 10.0 | 6.0 | Oui | Oui |
Syntaxe
event .elapsedTimeDétails techniques
| Valeur de retour: | Un numéro, ce qui représente le nombre de secondes d'une animation a été en cours d'exécution |
|---|
Pages associées
Référence HTML DOM: L'événement animationstart
Référence HTML DOM: L'événement animationiteration
Référence HTML DOM: L'événement animationend
Référence HTML DOM: AnimationEvent animationName Property
Référence CSS: CSS3 animation Property
Référence CSS: CSS3 animation-duration Property de la CSS3 animation-duration Property
<Object Event