Cours recommandés :

Événements DOM TransitionEvent

Attribut elapsedTime de l'événement TransitionEvent

Définition et utilisation Événement transitionendLorsque,

Remarque :Si la transition est suspendue (en utilisant la propriété CSS transition-delay), la valeur de retour n'est pas affectée.

Remarque :Cette propriété est lecture seule.

Exemple

Déterminer le nombre de secondes pendant lesquelles la transition s'est exécutée :

document.getElementById("myDIV").addEventListener("transitionend", myFunction);
function myFunction(event) {
  this.innerHTML = "La transition a duré : " + event.elapsedTime + " secondes";
}

Essayez-le vous-même

Syntaxe

event.elapsedTime

Détails techniques

Valeur de retour : Valeur numérique, indiquant le nombre de secondes pendant lesquelles la transition s'est exécutée.

Prise en charge du navigateur

Les nombres dans le tableau indiquent la première version du navigateur qui prend en charge cette propriété.

Propriétés Chrome IE Firefox Safari Opera
elapsedTime Support 10.0 Support Support Support

Pages associées

Manuel de référence DOM HTML :Événement transitionend

Manuel de référence DOM HTML :Propriété propertyName de l'objet TransitionEvent

Manuel de référence CSS :Propriété transition CSS3

Manuel de référence CSS :Propriété transition-duration CSS3

Événements DOM TransitionEvent