我在我的项目上使用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