Свойство TransitionEvent elapsedTime
Пример
Узнайте, сколько секунд выполнялся переход:
document.getElementById("myDIV").addEventListener("transitionend", myFunction);
function myFunction(event) {
this.innerHTML = "Transition lasted: " + event.elapsedTime + " seconds";
}
Определение и использование
Свойство elapsedTime возвращает количество секунд, в течение которых выполнялся переход, когда происходит событие перехода .
Примечание. На возвращаемое значение не влияет, если переход приостановлен (с помощью свойства CSS transition-delay).
Это свойство доступно только для чтения.
Поддержка браузера
Цифры в таблице указывают на первую версию браузера, которая полностью поддерживает это свойство.
Property | |||||
---|---|---|---|---|---|
elapsedTime | Yes | 10.0 | Yes | Yes | Yes |
Синтаксис
event.elapsedTime
Технические детали
Возвращаемое значение: | Число, представляющее количество секунд, в течение которых выполнялся переход. |
---|
Связанные страницы
Справочник по HTML DOM: событие перехода
Справочник по HTML DOM: свойство TransitionEvent propertyName
Справочник по CSS: свойство перехода CSS3
Справочник по CSS: свойство CSS3 transition-duration