Anbefalte kurs:

DOM begivenheder TransitionEvent

TransitionEvent elapsedTime egenskap

Definisjon og bruk transitionend begivenhedNår denne hendelsen skjer

Kommentarer:Hvis overgangen settes på pause (ved hjelp av CSS-egenskapen transition-delay), påvirker dette ikke returverdien.

Kommentarer:Egenskapen er skrivebeskyttet.

Eksempel

Bestem hvor lang tid overgangen har kjørt:

document.getElementById("myDIV").addEventListener("transitionend", myFunction);
function myFunction(event) {
  this.innerHTML = "Overgangen varte: " + event.elapsedTime + " sekunder";
}

Prøv det selv

Syntaks

event.elapsedTime

Teknisk detalj

Returverdi: Tallverdi, som representerer antall sekunder overgangen har kjørt.

Nettleserstøtte

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

Egenskab Chrome IE Firefox Safari Opera
elapsedTime Support 10.0 Support Support Support

Relaterede sider

HTML DOM reference manual:transitionend begivenhed

HTML DOM reference manual:TransitionEvent propertyName egenskab

CSS reference manual:CSS3 transition egenskab

CSS reference manual:CSS3 transition-duration egenskab

DOM begivenheder TransitionEvent