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

Question

我正在尝试获取一个对象并在文档准备好 5 秒后使其淡出。然后我想让另一组函数触发，在我的例子中，它开始添加和缓动一组块。

我的主要问题是 SetTimeout 没有回调，因此完成后我无法运行某些东西。其余代码在 SetTimeout 运行时运行。

这就是我现在所拥有的：

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

这样做是在文档准备好 3000 毫秒后运行 2000 毫秒的淡出。但是，添加警报会使警报在 setTimeout 开始时立即运行，因为它具有不等待的属性。

任何建议都会很棒！

Answer 1

你放在那里的那个空函数有一个在动画完成后调用的回调。只需将您的警报（或任何其他函数调用）移到里面。

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