javascript - 一定时间后交换div

Question

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

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

有人可以指出我正确的方向吗？

Answer 1

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

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

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

#divB { display : none; }

演示：http: //jsfiddle.net/N3tdd/

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