Esta é uma tecnologia experimental
Verifique a tabela de compatibilidade entre Navegadores cuidadosamente antes de usar essa funcionalidade em produção.

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

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 (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,