在完成所有动画时触发回调函数

Question

我有一个循环可以迭代1到5次（每次都可以是不同的数字） 循环看起来像

/*
 * Loop over the intros, and show one by one.
 */
            for( var i = 1; i <= intros.length; i++ ) {

                // Introduce loop delays.
                (function(i){
                    setTimeout(function(){

                        $( intros[ i - 1] ).fadeOut(520, function() {

                            $( menu_items[ i - 1] ).removeClass("active");

                            if( i <= intros.length ) {
                                $( intros[ i ] ).delay(250).fadeIn("slow");
                                $( menu_items[ i ] ).addClass("active")
                            }
                        });

                    }, 6000*i);
                }(i));
            }

现在我需要在完成所有动画后触发回调函数。它可以用Deffered对象，$ .when或任何其他解决方案进行索引吗？