TransitionEvent elapsedTime Eiendom
Voorbeeld
Vind uit hoeveel sekondes 'n oorgang aan die gang is:
document.getElementById("myDIV").addEventListener("transitionend", myFunction);
function myFunction(event) {
this.innerHTML = "Transition lasted: " + event.elapsedTime + " seconds";
}
Definisie en gebruik
Die elapsedTime-eienskap gee die aantal sekondes wat 'n oorgang aan die gang is, terug wanneer 'n oorgangseinde -gebeurtenis plaasvind.
Let wel: Die terugkeerwaarde word nie beïnvloed as die oorgang onderbreek word nie (deur die oorgang-vertraging CSS-eienskap te gebruik).
Hierdie eiendom is leesalleen.
Blaaierondersteuning
Die nommers in die tabel spesifiseer die eerste blaaierweergawe wat die eiendom ten volle ondersteun.
Property | |||||
---|---|---|---|---|---|
elapsedTime | Yes | 10.0 | Yes | Yes | Yes |
Sintaksis
event.elapsedTime
Tegniese besonderhede
Terugkeerwaarde: | 'n Getal wat die aantal sekondes verteenwoordig wat 'n oorgang aan die gang is |
---|
Verwante bladsye
HTML DOM-verwysing: Die oorgangsgebeurtenis
HTML DOM-verwysing: TransitionEvent propertyName Property
CSS verwysing: CSS3 oorgang Eiendom
CSS verwysing: CSS3 oorgang-duur Eiendom