在页面加载一段时间后淡出对象，然后在淡出后运行另一组代码

Question

我试图在文档准备就绪后5秒钟将对象取出并淡出。然后我想有另一套功能火，在我的情况下，一个starts adding and easing a set of blocks.

我的主要问题是SetTimeout没有回调，所以我不能在它完成后运行的东西。而当SetTimeout运行时，其余的代码会运行。

这是我现在有：

$(document).ready(function() { 
        setTimeout(function() { 
         $('#background-example').fadeOut(2000, function(){ 
        }); 
         }, 3000); 
         alert("Hello"); 
      }); 
      </script> 

这样做是运行2000毫秒淡出，文档后3000ms已准备就绪。但是，添加警报时，会在setTimeout启动后立即运行警报，因为它的属性不是等待。

任何建议将是伟大的！

Answer 1

您放入的空函数是在动画完成后调用的回调函数。只需移动你的警报（或任何其他函数调用）。

setTimeout(function() { 
    $("#background-example").fadeOut(2000, function() { 
     alert("All done!"); 
    }); 
}, 3000);