我正在尝试在动画元素上添加和删除类,以创建错开/延迟效果,因此一旦完成动画,它会添加一个动画输出类,然后一旦完成该类,它就重新启动该过程。
我正在使用animate.css进行动画。
我在这里创建了一个jsFiddle:https://jsfiddle.net/3ozfgrh2/ 正如您所看到的,它很好地播放了第一个“循环”,但然后它会过早/关闭删除/添加类。
任何想法?
我正在使用animate.css进行动画。
我在这里创建了一个jsFiddle:https://jsfiddle.net/3ozfgrh2/ 正如您所看到的,它很好地播放了第一个“循环”,但然后它会过早/关闭删除/添加类。
var animationEnd = 'webkitAnimationEnd mozAnimationEnd MSAnimationEnd oanimationend animationend';
$('.sticker').on(animationEnd, function() {
var $this = $(this);
$this.removeClass('bounceIn').addClass('bounceOut').on(animationEnd, function() {
setTimeout(function() {
$this.removeClass('bounceOut').addClass('bounceIn');
}, 1000);
});
});
任何想法?