Свойство elapsedTime события TransitionEvent

События DOM TransitionEvent

Определение и использование

При Событие transitionendКогда, elapsedTime свойство возвращает количество секунд, которые прошли с начала перехода.

Комментарий:Если переход приостановлен (с помощью свойства CSS transition-delay), значение не受到影响.

Комментарий:Это свойство только для чтения.

Пример

Узнайте, сколько секунд длился переход:

document.getElementById("myDIV").addEventListener("transitionend", myFunction);
function myFunction(event) {
  this.innerHTML = "Transition lasted: " + event.elapsedTime + " seconds";
}

Попробуйте сами

Синтаксис

event.elapsedTime

Технические детали

Возвратное значение: Цифровой значений, показывающий количество секунд, которое прошло с начала перехода.

Поддержка браузеров

Числа в таблице указывают на первую версию браузера, которая полностью поддерживает это свойство.

Свойства Chrome IE Firefox Safari Opera
elapsedTime Поддержка 10.0 Поддержка Поддержка Поддержка

Соответствующие страницы

Руководство по HTML DOM:Событие transitionend

Руководство по HTML DOM:Свойство propertyName события TransitionEvent

Руководство по CSS:Свойство CSS3 transition

Руководство по CSS:Свойство CSS3 transition-duration

События DOM TransitionEvent