TransitionEvent elapsedTime- eigenschap
Voorbeeld
Ontdek hoeveel seconden een overgang heeft gelopen:
document.getElementById("myDIV").addEventListener("transitionend", myFunction);
function myFunction(event) {
this.innerHTML = "Transition lasted: " + event.elapsedTime + " seconds";
}
Definitie en gebruik
De eigenschap elapsedTime retourneert het aantal seconden dat een transitie is uitgevoerd, wanneer een transitionend - gebeurtenis plaatsvindt.
Opmerking: de geretourneerde waarde wordt niet beïnvloed als de overgang wordt onderbroken (door gebruik te maken van de CSS-eigenschap overgangsvertraging).
Deze eigenschap is alleen-lezen.
Browserondersteuning
De getallen in de tabel geven de eerste browserversie aan die de eigenschap volledig ondersteunt.
Property | |||||
---|---|---|---|---|---|
elapsedTime | Yes | 10.0 | Yes | Yes | Yes |
Syntaxis
event.elapsedTime
Technische details
Winstwaarde: | Een getal, dat staat voor het aantal seconden dat een overgang heeft gelopen |
---|
Gerelateerde pagina's
HTML DOM-referentie: The transitionend Event
HTML DOM-referentie: TransitionEvent propertyName Property
CSS-referentie: CSS3-overgangseigenschap
CSS-referentie: CSS3-overgangsduur-eigenschap