AnimationEvent elapsedTime-egenskap

DOM begivenheder AnimationEvent

Definisjon og bruk

elapsedTime-egenskapen returnerer antall sekunder animasjonen har kjørt, når en animasjonshendelse oppstår.

Kommentar:Hvis animasjonen pauser (ved hjelp av CSS-egenskapen animation-delay), påvirker ikke tilbakeverdien.

Kommentar:For animationstart begivenhed，denne egenskapen returnerer alltid "0".

Kommentar:Denne egenskapen er skrivebeskyttet.

Eksempel

Bestem hvor mange sekunder animasjonen har kjørt:

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

Prøv selv

Syntaks

event.elapsedTime

Teknisk detalj

Tilbakeverdi: Numerisk verdi, som representerer sekundene animasjonen kjører.

Nettleserstøtte

Tallene i tabellen angiver den første nettleserversjonen som fullt ut støtter egenskapen.

Egenskab Chrome IE Firefox Safari Opera
elapsedTime Støtte 10.0 6.0 Støtte Støtte

Relaterede sider

HTML DOM reference manual:animationstart begivenhed

HTML DOM reference manual:animationiteration begivenhed

HTML DOM reference manual:animationend begivenhed

HTML DOM reference manual:AnimationEvent animationName egenskab

CSS reference manual:CSS3 animation egenskab

CSS reference manual:CSS3 animation-duration egenskab

DOM begivenheder AnimationEvent