Atributo elapsedTime do evento TransitionEvent

Eventos DOM TransitionEvent

Definição e uso

ao ocorrer Evento transitionendquando, a propriedade elapsedTime retorna o número de segundos que a transição já foi executada.

Notas:Se a transição for pausada (usando a propriedade CSS transition-delay), o valor de retorno não será afetado.

Notas:Este atributo é somente leitura.

Exemplo

Determine quantos segundos a transição durou:

document.getElementById("myDIV").addEventListener("transitionend", myFunction);
function myFunction(event) {
  this.innerHTML = "A transição durou: " + event.elapsedTime + " segundos";
}

Experimente você mesmo

Sintaxe

event.elapsedTime

Detalhes técnicos

Retorno: Valor numérico, que representa o número de segundos que a transição já foi executada.

Suporte do navegador

Os números na tabela indicam a primeira versão do navegador que suporta completamente esse atributo.

Atributo Chrome IE Firefox Safari Opera
elapsedTime Suporte 10.0 Suporte Suporte Suporte

Páginas relacionadas

Manual de referência do HTML DOM:Evento transitionend

Manual de referência do HTML DOM:Propriedade propertyName do TransitionEvent

Manual de referência do CSS:Propriedade transition do CSS3

Manual de referência do CSS:Propriedade transition-duration do CSS3

Eventos DOM TransitionEvent