Почему свойство elapsedTime события анимации не определеноCSS

Разбираемся в CSS
Ответить
Anonymous
 Почему свойство elapsedTime события анимации не определено

Сообщение Anonymous »

Я пытаюсь получить доступ к свойству elapsedTime событий анимации, как показано в MDN.

Когда я проверяю объект, я вижу свойство с помощью соответствующее значение. Однако, когда я регистрирую его в консоли, я получаю неопределенное значение. Ниже приведен пример кода:

HTML
CSS

Код: Выделить всё

#box {
position:absolute;
top:0;
left:0;
width:50px;
height:50px;
background:red;
animation: move 5s infinite;
}

@keyframes move {
0% { left: 0; }
50% { left:90%; }
100% { left: 0;}
}
JS

Код: Выделить всё

$("#box").on("animationiteration webkitAnimationIteration", function (e) {
console.log(e.elapsedTime); // this logs undefined
});
Я установил здесь скрипку

Подробнее здесь: https://stackoverflow.com/questions/250 ... -undefined
Ответить

Быстрый ответ

Изменение регистра текста: 
Смайлики
:) :( :oops: :roll: :wink: :muza: :clever: :sorry: :angel: :read: *x)
Ещё смайлики…
   
К этому ответу прикреплено по крайней мере одно вложение.

Если вы не хотите добавлять вложения, оставьте поля пустыми.

Максимально разрешённый размер вложения: 15 МБ.

Вернуться в «CSS»