Attribut elapsedTime de l'événement AnimationEvent

Événements DOM AnimationEvent

Définition et utilisation

L'attribut elapsedTime retourne le nombre de secondes d'exécution de l'animation lorsqu'un événement d'animation se produit.

Remarque :Si l'animation est en pause (par l'intermédiaire de la propriété CSS animation-delay), la valeur de retour n'est pas affectée.

Remarque :Pour Événement animationstart， cette propriété retourne toujours "0".

Remarque :Cette propriété est lecture seule.

Exemple

Déterminer le nombre de secondes d'exécution de l'animation :

var x = document.getElementById("myDIV");
x.addEventListener("animationiteration", myRepeatFunction);
function myRepeatFunction(event) {
  this.innerHTML = "Temps écoulé : " + event.elapsedTime;
}

Essayez-le vous-même

syntaxe

événement.elapsedTime

détails techniques

Valeur de retour : valeur numérique, indiquant le nombre de secondes d'exécution de l'animation.

Compatibilité du navigateur

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

propriété Chrome IE Firefox Safari Opera
elapsedTime soutien 10.0 6.0 soutien soutien

page lié

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

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

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

Manuel de référence DOM HTML :Propriété animationName de l'événement AnimationEvent

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

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

Événements DOM AnimationEvent