AnimationEvent.elapsedTime
Baseline Widely available
This feature is well established and works across many devices and browser versions. It’s been available across browsers since September 2015.
Experimental: 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 |
---|
CSS Animations Level 1 # dom-animationevent-elapsedtime |
Compatibilidade com navegadores
BCD tables only load in the browser
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.