TransitionEvent elapsedTime-egenskapen

DOM-händelser TransitionEvent

Definition och användning

När transitionend-händelseNär, returnerar elapsedTime-egenskapen antalet sekunder som övergången har kört.

Kommentar:Om övergången pausas (genom att använda CSS-egenskapen transition-delay) påverkas returvärdet inte.

Kommentar:Egenskapen är skrivskyddad.

Exempel

Bestäm hur lång tid övergången tog:

document.getElementById("myDIV").addEventListener("transitionend", myFunction);
function myFunction(event) {
  this.innerHTML = "Övergången tog: " + event.elapsedTime + " sekunder";
}

Prova själv

Syntax

event.elapsedTime

Tekniska detaljer

Returvärde: Numeriska värden som anger antalet sekunder som övergången har kört.

Webbläsarstöd

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

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

Relaterade sidor

HTML DOM-referenshandbok:transitionend-händelse

HTML DOM-referenshandbok:TransitionEvent propertyName-attribut

CSS-referenshandbok:CSS3 transition-attribut

CSS-referenshandbok:CSS3 transition-duration-attribut

DOM-händelser TransitionEvent