Propriété TransitionEvent elapsedTime
Exemple
Découvrez combien de secondes une transition s'est déroulée :
document.getElementById("myDIV").addEventListener("transitionend", myFunction);
function myFunction(event) {
this.innerHTML = "Transition lasted: " + event.elapsedTime + " seconds";
}
Définition et utilisation
La propriété elapsedTime renvoie le nombre de secondes d'exécution d'une transition lorsqu'un événement transitionend se produit.
Remarque : La valeur de retour n'est pas affectée si la transition est interrompue (en utilisant la propriété CSS transition-delay).
Cette propriété est en lecture seule.
Prise en charge du navigateur
Les nombres dans le tableau indiquent la première version du navigateur qui prend entièrement en charge la propriété.
Property | |||||
---|---|---|---|---|---|
elapsedTime | Yes | 10.0 | Yes | Yes | Yes |
Syntaxe
event.elapsedTime
Détails techniques
Valeur de retour : | Un nombre, représentant le nombre de secondes pendant lesquelles une transition a été exécutée |
---|
Pages connexes
Référence HTML DOM : l'événement transitionend
Référence HTML DOM : TransitionEvent propertyName Property
Référence CSS : Propriété de transition CSS3
Référence CSS : Propriété CSS3 transition-duration