一定时间后交换div

【问题标题】：Swap divs after a certain amount of time一定时间后交换div
【发布时间】：2012-10-12 22:29:39
【问题描述】：

使用 Javascript 或 JQuery，我想在页面加载 20 秒后替换一个 div。简而言之，首先显示 div A，然后在 20 秒后将其替换为 div B。

明确地说，这并不是一个旋转动画。交换只发生一次，在页面加载后的设定时间间隔内，最终用户没有任何进一步的交互。再次发生交换的唯一方法是重新加载页面。

有人能指出正确的方向吗？

【问题讨论】：

[this.][1] 的可能重复项无论如何，该链接应该会告诉您该怎么做。使用 setTimeout() 函数。 [1]：stackoverflow.com/questions/316278/timeout-jquery-effects

【解决方案1】：

在您的文档就绪处理程序中是这样的：

$("#divA").delay(20000).fadeOut(function() {
     $("#divB").fadeIn();
     $(this).remove();
});

最初用一些 CSS 来隐藏第二个 div：

#divB { display : none; }

显然使用适合您的标记的任何选择器，如果您不能或不想使用 CSS 规则隐藏 div B，您可以在上述代码之前添加 $("#divB").hide();。

【讨论】：