foreach延迟fadein jquery

Question

我正在尝试使用jquery延迟我的css淡入每个div。我需要一个接一个地淡入淡出的元素。目前他们只是在同一时间消失。

这是我的jquery：

$(".service").each(function(i, el) {
    var el = $(el);
    if (el.visible(true)) {  
        $(this).delay(800*i, function(){
            el.addClass("animated fadeInDown"); 
        });
    } 
  });

请帮忙。

Answer 1

使用setTimeout：

$(".service").each(function (i, el) {
    var el = $(el);
    if (el.visible(true)) {
        setTimeout(function () {
           el.addClass("animated fadeInDown");
        }, 800 * i);
    }
});