AnimationEvent elapsedTime-egenskapen

DOM-händelser AnimationEvent

Definition och användning

elapsedTime-egenskapen returnerar antalet sekunder som animationen har kört när en animationshändelse inträffar.

Kommentar:Om animationen pausas (genom att använda CSS-egenskapen animation-delay), påverkas returvärdet inte.

Kommentar:För animationstart-händelse，denna egenskap returnerar alltid "0".

Kommentar:Egenskapen är skrivskyddad.

Exempel

Bestäm hur lång tid animationen har kört:

var x = document.getElementById("myDIV");
x.addEventListener("animationiteration", myRepeatFunction);
function myRepeatFunction(event) {
  this.innerHTML = "Tid som har gått: " + event.elapsedTime;
}

Prova själv

Syntax

event.elapsedTime

Tekniska detaljer

Returvärde: Numeriska värden som anger antalet sekunder som animationen kör.

Webbläsarstöd

Talen i tabellen anger den första webbläsarens version som fullständigt stöder egenskapen.

Egenskaper Chrome IE Firefox Safari Opera
elapsedTime Stöd 10.0 6.0 Stöd Stöd

Relaterade sidor

HTML DOM-referenshandbok:animationstart-händelse

HTML DOM-referenshandbok:animationiteration-händelse

HTML DOM-referenshandbok:animationend-händelse

HTML DOM-referenshandbok:AnimationEvent animationName-attribut

CSS-referenshandbok:CSS3 animation-attribut

CSS-referenshandbok:CSS3 animation-duration-attribut

DOM-händelser AnimationEvent