Javascript 使用动画css顺序设置元素动画

我有以下内容，其中我有一套20个盒子。我使用来自的动画css插件

我想做的是以一种连续的方式为每个盒子制作动画，我的意思是一个接一个地为它们制作动画

我不确定我错过了什么，使他们动画顺序

我似乎对setTimeout函数做了一些错误的操作

setTimeout(function(){
        $('.slider').append('<li><div class="box animated bounceInRight"></div></li>');
        },100);

setTimeout（函数（）{
$（'.slider'）。追加（'
'）；
},100);

---

如果有人能帮我解决这个问题，我将不胜感激。您必须增加每个项目的延迟时间

 setTimeout(function(){
    ...
 },100 * idx);
        --^--

---

演示：

实际上它不是动画，应该有另一种方法来顺序设置多个对象的动画。