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