Свойство AnimationEvent elapsedTime
Пример
Узнайте, сколько секунд работает анимация:
var x = document.getElementById("myDIV");
x.addEventListener("animationiteration", myRepeatFunction);
function myRepeatFunction(event) {
this.innerHTML = "Elapsed time: " + event.elapsedTime;
}
Определение и использование
Свойство elapsedTime возвращает количество секунд, в течение которых выполнялась анимация, когда происходит событие анимации.
Примечание . Возвращаемое значение не изменяется, если анимация приостановлена (с помощью свойства CSS animation-delay).
Примечание. Для события animationstart это свойство всегда возвращает «0».
Это свойство доступно только для чтения.
Поддержка браузера
Цифры в таблице указывают на первую версию браузера, которая полностью поддерживает это свойство.
Property | |||||
---|---|---|---|---|---|
elapsedTime | Yes | 10.0 | 6.0 | Yes | Yes |
Синтаксис
event.elapsedTime
Технические детали
Возвращаемое значение: | Число, представляющее количество секунд, в течение которых выполнялась анимация. |
---|
Связанные страницы
Справочник по HTML DOM: событие animationstart
Справочник по HTML DOM: событие animationiteration
Справочник по HTML DOM: событие animationend
Справочник по HTML DOM: свойство AnimationEvent animationName
Справочник по CSS: Свойство анимации CSS3
Справочник по CSS: свойство CSS3 animation-duration