Google Chrome jQuery webkitAnimationIteration触发过多

我在我的项目上使用jQuery。我有一个带有动画的div(无限1s)。我需要捕捉迭代,以在迭代结束时暂停动画。因此,我使用了以下JS代码:

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

直到今天,一切都运转良好。我不知道为什么,但仅在Chrome导航器(开发版本,最新)上,此事件在1秒内触发了10次以上。我在Edge上进行了尝试,并且仅在动画结束时才触发。

这是Chrome问题吗?有人遇到同样的问题吗?也许可以解决这个问题?

编辑:这是一支可以在我的Chrome上引发问题的笔:https://codepen.io/navalex/pen/qBdgdMw

zyh810908 回答:Google Chrome jQuery webkitAnimationIteration触发过多

暂时没有好的解决方案,如果你有好的解决方案,请发邮件至:iooj@foxmail.com
本文链接:https://www.f2er.com/2556600.html

大家都在问