在一段時間後交換divs

Question

使用Javascript或JQuery，我想在頁面加載後20秒內替換div。總之，div A首先被顯示，並在div div B被20秒替換。

要清楚的是，這並不意味着是旋轉動畫。交換僅在加載頁面後的設定時間間隔內發生一次，並且不會與最終用戶進行任何進一步的交互。交換再次發生的唯一方法是重新加載頁面。

有人能指出我正確的方向嗎？

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(); 。