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
AnimationEvent
interface it belongs to.