jQuery中的each函数遍历与animate函数一起使用的时候，执行过程是怎样的？

Question

$("#banner ul li").each(function(i){

          $(this).animate({

                        width: arrW[index],

                         height: arrH[index],

                        opacity: arrO[index],

                        left: arrL[index],

                        top: arrT[index]

                    },500)

                }

我不理解的是，当每循环一次的时候，动画的执行要500ms,那是等动画执行结束，也就是500毫秒之后，才进行下一次循环吗？还是不等动画执行完，就执行下一次循环了？