Exemple
Découvrez combien de secondes une transition a été en cours d'exécution:
document.getElementById("myDIV").addEventListener("transitionend",
myFunction);
function myFunction(event) {
this.innerHTML = "Transition lasted: " + event.elapsedTime + " seconds";
} Essayez - le vous - même » Définition et utilisation
La propriété elapsedTime retourne le nombre de secondes une transition a été en cours d' exécution, lorsqu'un transitionend événement se produit.
Remarque: La valeur de retour est pas affectée si la transition est en pause (en utilisant la propriété CSS transition-delay).
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 | Oui | Oui | Oui |
Syntaxe
event .elapsedTimeDétails techniques
| Valeur de retour: | Un numéro, ce qui représente le nombre de secondes une transition a été en cours d'exécution |
|---|
Pages associées
Référence HTML DOM: L'événement transitionend
Référence HTML DOM: TransitionEvent propertyName propriété
Référence CSS: CSS3 transition de la propriété
Référence CSS: CSS3 transition durée de la propriété
Objet de l' événement