在一定时间后交换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();。