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

[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