обратный вызов после того, как все сделано оживляет

Question

Code

Мне нужна помощь сделать обратный вызов после того, как все animate методы внутри do_animations сделаны. За один animate я мог позвонить promise и done функции. Я пробовал использовать $.Callbacs, но я не знаю, как сделать объект обещания от метода fire.

function random_num(a, b) { 
    return Math.floor(Math.random() * (b - a + 1)) + a; 
} 

function do_animations() { 
    var n = random_num(1, 5); 
    for (var i = 0; i < n; i++) { 
     var width = random_num(-50, 50); 
     $('#rec').animate({'left': '+=' + width + 'px'}, 300); 
    } 
} 

$(document).ready(function(){ 
    do_animations(); 
}); 

Лучшее решение будет

do_animations().done(function(){ ... }); 

Answer 1

Используя обещание():

DEMO

function do_animations() { 
    var n = random_num(1, 5), 
     $rec = $('#rec'); 
    for (var i = 0; i < n; i++) { 
     var width = random_num(-50, 50); 
     $rec.animate({'left': '+=' + width + 'px'}, 300); 
    } 
    return $rec.promise(); 
} 

$(document).ready(function(){ 
    do_animations().done(function(){ alert("All animations done!") }); 
});