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

Fading Out an object a certain time after page load then running another set of code after fadeout

本文关键字：淡出 代码 一组 加载 对象 然后 一段时间 运行      更新时间：2023-09-26

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

我的主要问题是 SetTimeout 没有回调，所以我在完成后无法运行某些内容。 并且其余代码在 SetTimeout 运行时运行。

这就是我现在拥有的：

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

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

任何建议都会很棒！

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

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