AnimationEvent elapsedTime Eiendom
Voorbeeld
Vind uit hoeveel sekondes 'n animasie loop:
var x = document.getElementById("myDIV");
x.addEventListener("animationiteration", myRepeatFunction);
function myRepeatFunction(event) {
this.innerHTML = "Elapsed time: " + event.elapsedTime;
}
Definisie en gebruik
Die elapsedTime-eienskap gee die aantal sekondes wat 'n animasie aan die gang is, terug wanneer 'n animasiegebeurtenis plaasvind.
Let wel: Die terugkeerwaarde word nie beïnvloed as die animasie onderbreek word nie (deur die animasie-vertraging CSS-eienskap te gebruik).
Let wel: Vir die animationstart -geleentheid gee hierdie eiendom altyd "0" terug.
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 | 6.0 | Yes | Yes |
Sintaksis
event.elapsedTime
Tegniese besonderhede
Terugkeerwaarde: | 'n Getal, wat die aantal sekondes verteenwoordig wat 'n animasie aan die gang is |
---|
Verwante bladsye
HTML DOM verwysing: Die animasiebegin gebeurtenis
HTML DOM-verwysing: Die animasie-herhalinggebeurtenis
HTML DOM verwysing: Die animasie en gebeurtenis
HTML DOM-verwysing: AnimationEvent animationName Property
CSS verwysing: CSS3 animasie Eiendom
CSS verwysing: CSS3 animasie-duur Eiendom