如何在 FadeIn 和 Fadeout 的每个循环中进行异步调用

Question

如何在淡入淡出的每个循环中进行异步调用？

我想淡入然后淡出一里然后去下一里；但显然每个循环都使它同步！我该如何处理这个问题？

$("#intro li").hide();


var $li = $("#intro li");

$li.each(function(){
    $(this).fadeIn(2000,function(){
     $(this).fadeOut(2000);

    });
})

JSFIDDLE

我发现了我的问题：

Solved Demo

谢谢

Answer 1

尝试使用递归，

$("#intro li").hide();

var $li = $("#intro li");

animateLi($li.first());

function animateLi(li){
  if(!li.length){ return }

  li.fadeIn(2000,function(){
     li.fadeOut(2000,function(){ animateLi(li.next('li')) });
  });
}

DEMO