如何注册进度条已完成并运行其他功能？

Question

我有这个Javascript功能。当我点击一个按钮时，按钮消失并显示一个进度条。我如何注册时间到并运行另一个功能？

$('#go').click(function() { 
    console.log("moveProgressBar"); 

    $('.progress-wrap').removeClass('hidden'); 

    var getPercent = ($('.progress-wrap').data('progress-percent')/100); 
    var getProgressWrapWidth = $('.progress-wrap').width(); 
    var progressTotal = getPercent * getProgressWrapWidth; 
    var animationLength = 1000; 

    $('.progress-bar').stop().animate({ 
    left: progressTotal 
    }, animationLength); 
    $('#go').addClass('hidden'); 

}); 

http://codepen.io/TrueVineCS/pen/vuyxC

Answer 1

可以使用.animate回调：

$('#go').click(function() { 
    console.log("moveProgressBar"); 

    $('.progress-wrap').removeClass('hidden'); 

    var getPercent = ($('.progress-wrap').data('progress-percent')/100); 
    var getProgressWrapWidth = $('.progress-wrap').width(); 
    var progressTotal = getPercent * getProgressWrapWidth; 
    var animationLength = 1000; 

    $('.progress-bar').stop().animate({ 
     left: progressTotal 
    }, 
    animationLength, 
    function(){ 
     // do on animation is complete 
     $('#go').addClass('hidden'); 
    }); 

}); 

jQuery Documentation，your example