新手关于JS,for循环只有一次执行效果

Question

如图，这段代码先显示了三次alert()，然后只看到一次fadeOut()动画就停止，请问是哪里出错的了？

 function nextImg(){
    var arr = new Array();
    arr[0] = $("#img1");
    arr[1] = $("#img2");
    arr[2] = $("#img3");
    for(i=0;i<3;i++){
        arr[0].fadeIn(1000);
        alert(i);
        setTimeout(2000);
        arr[0].fadeOut(1000);
    }
    alert("end");

}

Answer 1

js里的延迟都是从js运行开始计算，也就是说
$("#img1").fadeIn(1000);
$("#img2").fadeIn(1000);
$("#img3").fadeIn(1000);
都是一秒之后同时开始fadeIn，造成最上面图片遮住下面的，产生只有一张图的错觉