Esta é uma tecnologia experimental
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 The definition of 'AnimationEvent.elapsedTime' in that specification. |
Rascunho atual | Initial definition. |
Compatibilidade com os 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!
| 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,animation-duration,animation-fill-mode,animation-iteration-count,animation-name,animation-play-state,animation-timing-function,@keyframes. - The
AnimationEventinterface it belongs to.