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
objeto de evento