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