Google Chrome jQuery webkitAnimationИнформация слишком велика - PullRequest
Новая
       13

Google Chrome jQuery webkitAnimationИнформация слишком велика

0 голосов
/ 29 марта 2020

Я использую jQuery в моем проекте. У меня есть div с анимацией (бесконечные 1 с). Мне нужно поймать итерацию в случае, чтобы приостановить анимацию, когда итерация закончилась. Поэтому я использовал этот JS код: 

jplayer_wrapper.on($.jPlayer.event.pause, () => {
    jplayer_controls_after.on("animationiteration webkitAnimationIteration", function (e) {
        console.log('anim ended');
        //jplayer_controls.removeClass('active');
    });
});

До сегодняшнего дня все работало хорошо. Я не знаю почему, но только на Chrome навигаторе (версия для разработчиков, последняя версия) это событие происходит примерно 10 раз за 1 секунду. Я попробовал его на Edge, и он срабатывает только тогда, когда анимация заканчивается, как и должно.

Это проблема Chrome? У кого-то еще есть такая же проблема? И, возможно, способ решить эту проблему?

РЕДАКТИРОВАТЬ: Вот ручка, которая запускает проблему на моем chrome: https://codepen.io/navalex/pen/qBdgdMw

...