We're looking for a user researcher to understand the needs of developers and designers. Is this you or someone you know? Check out the post: https://mzl.la/2IGzdXS

This is an experimental technology
Check the Browser compatibility table carefully before using this in production.

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

We're converting our compatibility data into a machine-readable JSON format. This compatibility table still uses the old format, because we haven't yet converted the data it contains. Find out how you can help!

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,