Exemplo
Descobrir quantos segundos uma animação foi em execução:
var x = document.getElementById("myDIV");
x.addEventListener("animationiteration",
myRepeatFunction);
function myRepeatFunction(event) {
this.innerHTML
= "Elapsed time: " + event.elapsedTime;
} Tente você mesmo " Definição e Uso
A propriedade elapsedTime retorna o número de segundos uma animação foi em execução, quando um evento de animação ocorre.
Nota: O valor de retorno não é afetada se a animação está em pausa (by using the animation-delay CSS property) .
Nota: Para a animationstart evento, essa propriedade sempre retorna "0" .
Esta propriedade é somente leitura.
Suporte navegador
Os números na tabela especificar a primeira versão do navegador que suporta totalmente a propriedade.
| Propriedade | |||||
|---|---|---|---|---|---|
| elapsedTime | sim | 10.0 | 6 | sim | sim |
Sintaxe
event .elapsedTimeDetalhes técnicos
| Valor de retorno: | Um número, que representa o número de segundos uma animação foi executado |
|---|
Páginas relacionadas
HTML DOM referência: The Event animationstart
HTML DOM referência: The Event animationiteration
HTML DOM referência: The Event animationend
HTML DOM referência: AnimationEvent animationName Property
Referência CSS: CSS3 animation Property
Referência CSS: CSS3 animation-duration Property
<Objeto de evento