AnimationEvent.elapsedTime
Experimental
Esta é uma tecnologia experimental (en-US)
Verifique a tabela de compatibilidade entre Navegadores cuidadosamente antes de usar essa funcionalidade em produção.
Sumário
O AnimationEvent.elapsedTime é uma propriedade só de leitura com um ponto flutuante dando a quantidade de tempo que animação esteve rodando, em segundos, quando o evento termina, excluirá o tempo em que ela esteve em pausa. Para um evento "animationstart" , elapsedTime é 0.0 a não ser que tenha um valor negativo para animation-delay, nesse caso o evento irá terminar com elapsedTime contendo (-1 * delay).
Síntaxe
time = AnimationEvent.elapsedTime
Especificações
| Specification | Status | Comment |
|---|---|---|
| CSS Animations Level 1 The definition of 'AnimationEvent.elapsedTime' in that specification. |
Rascunho atual | Initial definition. |
Compatibilidade com navegadores
Estamos convertendo nossos dados de compatibilidade para o formato JSON.
Esta tabela de compatibilidade ainda usa o formato antigo,
pois ainda não convertemos os dados que ela contém.
Descubra como você pode ajudar! (en-US)
| Feature | Chrome | Firefox (Gecko) | Internet Explorer | Opera | Safari |
|---|---|---|---|---|---|
| Basic support | (Yes) | 6.0 (6.0) | 10.0 | (Yes) | (Yes) |
| Feature | Android | Firefox Mobile (Gecko) | IE Mobile | Opera Mobile | Safari Mobile | Chrome for Android |
|---|---|---|---|---|---|---|
| Basic support | (Yes) | 6.0 (6.0) | 10.0 | (Yes) | (Yes) | 43.0 |
Veja também
- Usando animações CSS.
- Animation-related CSS properties and at-rules:
animation,animation-delay,animation-direction(en-US),animation-duration(en-US),animation-fill-mode,animation-iteration-count(en-US),animation-name(en-US),animation-play-state(en-US),animation-timing-function(en-US),@keyframes. - The
AnimationEventinterface it belongs to.