Propriedade TransitionEvent elapsedTime
Exemplo
Descubra quantos segundos uma transição está em execução:
document.getElementById("myDIV").addEventListener("transitionend", myFunction);
function myFunction(event) {
this.innerHTML = "Transition lasted: " + event.elapsedTime + " seconds";
}
Definição e uso
A propriedade elapsedTime retorna o número de segundos que uma transição está em execução, quando ocorre um evento de final de transição .
Nota: O valor de retorno não é afetado se a transição for pausada (usando a propriedade CSS transition-delay).
Esta propriedade é somente leitura.
Suporte ao navegador
Os números na tabela especificam a primeira versão do navegador que oferece suporte total à propriedade.
Property | |||||
---|---|---|---|---|---|
elapsedTime | Yes | 10.0 | Yes | Yes | Yes |
Sintaxe
event.elapsedTime
Detalhes técnicos
Valor de retorno: | Um número, representando o número de segundos que uma transição está em execução |
---|
Páginas relacionadas
Referência HTML DOM: o evento transitionend
Referência HTML DOM: propriedade TransitionEvent propertyName
Referência CSS: propriedade de transição CSS3
Referência CSS: propriedade de duração de transição CSS3