tutoriais mais recente desenvolvimento web
 

TransitionEvent elapsedTime Property

Evento Object Reference objeto de evento

Exemplo

Descobrir quantos segundos uma transição tem sido em execução:

document.getElementById("myDIV").addEventListener("transitionend", myFunction);

function myFunction(event) {
    this.innerHTML = "Transition lasted: " + event.elapsedTime + " seconds";
}
Tente você mesmo "

Definição e Uso

A propriedade elapsedTime retorna o número de segundos de uma transição tem sido em execução, quando um transitionend evento ocorre.

Nota: O valor de retorno não é afetado se a transição está em pausa (usando a propriedade CSS transition-delay).

Esta propriedade é somente leitura.


Suporte a navegadores

Os números na tabela especificar a primeira versão do browser que suporta totalmente a propriedade.

Propriedade
elapsedTime sim 10.0 sim sim sim

Sintaxe

event .elapsedTime

Detalhes técnicos

Valor de retorno: Um número, que representa o número de segundos, uma transição tenha sido executado

Páginas relacionadas

HTML DOM de referência: O Evento transitionend

HTML DOM de referência: TransitionEvent propertyName propriedade

Referência CSS: Propriedade de transição CSS3

Referência CSS: CSS3 de transição de duração Property


Evento Object Reference objeto de evento