TransitionEvent elapsedTime-eigenschap

DOM events TransitionEvent

Definitie en gebruik

wanneer transitionend eventWanneer, retourneert de elapsedTime-eigenschap het aantal seconden dat de overgang al heeft gelopen.

Opmerking:De retourwaarde wordt niet beïnvloed als de overgang wordt onderbroken (door het gebruik van de CSS-eigenschap transition-delay).

Opmerking:Deze eigenschap is alleen leesbaar.

Voorbeeld

Bepaal hoeveel seconden de overgang heeft geduurd:

document.getElementById("myDIV").addEventListener("transitionend", myFunction);
function myFunction(event) {
  this.innerHTML = "Transition duurde: " + event.elapsedTime + " seconden";
}

Probeer het zelf uit

Syntaxis

event.elapsedTime

Technische details

Retourwaarde: Numerieke waarde, die het aantal seconden aangeeft dat de overgang al heeft gelopen.

Browserondersteuning

De cijfers in de tabel vermelden de eerste browserversie die deze eigenschap volledig ondersteunt.

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

Related pages

HTML DOM reference manual:transitionend event

HTML DOM reference manual:TransitionEvent propertyName property

CSS reference manual:CSS3 transition property

CSS reference manual:CSS3 transition-duration property

DOM events TransitionEvent