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

如图，这段代码先显示了三次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");

}