AnimatieEvent elapsedTijdeigenschap _
Voorbeeld
Ontdek hoeveel seconden een animatie heeft gelopen:
var x = document.getElementById("myDIV");
x.addEventListener("animationiteration", myRepeatFunction);
function myRepeatFunction(event) {
this.innerHTML = "Elapsed time: " + event.elapsedTime;
}
Definitie en gebruik
De eigenschap elapsedTime retourneert het aantal seconden dat een animatie is uitgevoerd, wanneer een animatiegebeurtenis plaatsvindt.
Opmerking: de geretourneerde waarde wordt niet beïnvloed als de animatie wordt onderbroken (door gebruik te maken van de CSS-eigenschap animatie-vertraging).
Opmerking: voor de gebeurtenis Animationstart retourneert deze eigenschap altijd "0".
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 | 6.0 | Yes | Yes |
Syntaxis
event.elapsedTime
Technische details
Winstwaarde: | Een getal, dat het aantal seconden aangeeft dat een animatie is uitgevoerd |
---|
Gerelateerde pagina's
HTML DOM-referentie: De animatiestart-gebeurtenis
HTML DOM-referentie: de animatieiteratiegebeurtenis
HTML DOM-referentie: The Animationend Event
HTML DOM-referentie: AnimationEvent AnimationName Property
CSS-referentie: CSS3-animatie-eigenschap
CSS-referentie: eigenschap CSS3-animatieduur