Javascript 如何一个接一个地设置块的动画？

有了这一点JavaScript，我希望通过添加CSS动画类（时间超过500毫秒），一个接一个地为某些块元素设置动画

不幸的是，它等待了一次，所有的盒子在一次等待后立即向上滑动

以下是迄今为止的脚本：

var blocks = $('.block');

blocks.each(function(index, obj) {
    var block = $(obj);
    setTimeout(function() {
        block.addClass('animated slideInUp');
    }, 500);
});

---

<> P>那么，如何异步添加这些类，使页面上的框一个接一个地滑动？

可以考虑<代码> e>（代码）> <代码>循环中的<代码>索引>代码，以便在<代码> SETTIMEOUT（）/代码>中，时间将是<代码> 500 的倍数。使用此选项，框将在每个

500

毫秒内出现，因为

setTimeout（）

的超时时间为

500

，

1000

，

1500

。。。等等

var blocks = $('.block');
blocks.each(function(index, obj) {
    var block = $(obj);
    setTimeout(function() {
        block.addClass('animated slideInUp');
    }, 500*index);
});

---

您可以将时间除以块数。然后，在setTimeout内，将每次迭代的时间从0增加到500。您可以使用已经存在的

索引
，以获得相同的效果。优雅的解决方案，谢谢。我期待着承诺，激光和爆炸。但我想这很管用。@Floris很乐意帮忙：）