Javascript 使用animate.css重复动画循环

我正在使用设置元素的动画，我有类似的代码：

<button class='animated infinite pulse tada'>1</button>
<button class='animated infinite pulse tada'>2</button>
<button class='animated infinite pulse tada'>3</button>
<button class='animated infinite pulse tada'>4</button>
<button class='animated infinite pulse tada'>5</button>

1
2.
3.
4.
5.

如何逐个设置按钮的动画并重复？例如，第一个按钮首先在特定的持续时间内设置动画，然后是第二个和第三个，依此类推，直到按钮5，然后所有按钮一起设置动画，最后无限重复整个过程

---

从github文档中可以看出，Jquery.one函数“还可以检测动画何时结束”。但是我仍然不知道如何使用它来实现我的目标。

您可以使用

setInterval（）

：

希望这有帮助

---

var电流按钮=0；
setInterval（函数（）{
如果（当前_按钮==$（'.tada'）.length）{
$（'.tada'）.addClass（'animated'）；
当前按钮=0；
}否则{
$（'.tada'）.removeClass（'animated'）；
$（'.tada:eq（'+current_button+'））.addClass（'animated'）；
当前_按钮++；
}
}，1000）

1.




2.




3.




4.




5

var current_button = 0;

setInterval(function()
{
   if(current_button===$('.tada').length)
   {
       $('.tada').addClass('animated');
       current_button=0;
   }
   else
   {
     $('.tada').removeClass('animated');
     $('.tada:eq('+current_button+')').addClass('animated');

     current_button++;
   }
},1000)