MDN wants to learn about developers like you: https://qsurvey.mozilla.com/s3/MDN-dev-survey

This is an experimental technology
Because this technology's specification has not stabilized, check the compatibility table for usage in various browsers. Also note that the syntax and behavior of an experimental technology is subject to change in future versions of browsers as the specification changes.

A propriedade Animation.currentTime da Web Animations API retorna e altera o tempo atual da animação em milésimos de segundos, seja estando em execução ou pausada.

Se a animação não tem uma timeline, está inativa, ou ainda não foi colocada em execução, o valor de retorno do currentTime será null

Sintaxe

vartempoAtual = Animation.currentTime;
Animation.currentTime = novoTempo;

Valor

Um número que representará no tempo atual da animação em milésimos de segundos, ou null para desativar a animação.

Examples

No jogo Drink Me/Eat Me, O tamanho da Alice é animado e pode crescer ou diminuir. No início do jogo, o tamanho dela foi colocado entre os dois extremos do animation's currentTime no meio do KeyframeEffect's duration, desta maneira:

aliceChange.currentTime = aliceChange.effect.timing.duration / 2;

Outra forma mais genérica para encontrar o marco de 50% da animação pode ser feito da seguinte forma:

animation.currentTime =
  animation.effect.getComputedTiming().delay +
  animation.effect.getComputedTiming().activeDuration / 2;

Especificações

Especificações Status Comentário
Web Animations
The definition of 'currentTime' in that specification.
Rascunho atual  

Compatibilidade de Navegadores

Feature Chrome Firefox (Gecko) Internet Explorer Opera Safari (WebKit)
Basic support 39.0 48 (48)[1] Não suportado Não suportado Não suportado
Feature Android Android Webview Firefox Mobile (Gecko) IE Phone Opera Mobile Safari Mobile Chrome for Android
Basic support Não suportado 39.0 48.0 (48)[1] Não suportado Não suportado Não suportado 39.0

[1] A Web Animations API está ativa por padrão apenas no Firefox Developer Edition e nas versões do Nightly. Você pode habilitá-la em versões beta configurando a preferência dom.animations-api.core.enabled para true, e também desativar em qualquer Firefox mudando esta mesma preferência para false.

Veja também

Etiquetas do documento e colaboradores

 Colaboradores desta página: Schieck
 Última atualização por: Schieck,