Vlastnost AnimationEvent elapsedTime
Příklad
Zjistěte, kolik sekund běží animace:
var x = document.getElementById("myDIV");
x.addEventListener("animationiteration", myRepeatFunction);
function myRepeatFunction(event) {
this.innerHTML = "Elapsed time: " + event.elapsedTime;
}
Definice a použití
Vlastnost elapsedTime vrací počet sekund, po které byla animace spuštěna, když dojde k události animace.
Poznámka: Vrácená hodnota není ovlivněna, pokud je animace pozastavena (pomocí vlastnosti CSS animation-delay).
Poznámka: U události animationstart tato vlastnost vždy vrací "0".
Tato vlastnost je pouze pro čtení.
Podpora prohlížeče
Čísla v tabulce určují první verzi prohlížeče, která plně podporuje vlastnost.
Property | |||||
---|---|---|---|---|---|
elapsedTime | Yes | 10.0 | 6.0 | Yes | Yes |
Syntax
event.elapsedTime
Technické údaje
Návratová hodnota: | Číslo představující počet sekund, po které byla animace spuštěna |
---|
Související stránky
Odkaz HTML DOM: Událost spuštění animace
Odkaz HTML DOM: Událost animace
HTML DOM reference: Událost animationend
Odkaz HTML DOM: Vlastnost AnimationEvent animationName
CSS reference: CSS3 animation Property
CSS reference: CSS3 animation-duration Property