讓div文字在5秒後消失使用jquery？

Question

我需要使一個div文本消失後顯示它使用ajax呼叫x秒顯示

你能幫我這個請嗎？

感謝

Answer 1

您可以使用empty()刪除<div>內容：

setTimeout(fade_out, 5000); 

function fade_out() { 
    $("#mydiv").fadeOut().empty(); 
} 

假設：

<div id="mydiv"> 
    ... 
</div> 

你可以，如果你喜歡用一個匿名函數做到這一點：

setTimeout(function() { 
    $("#mydiv").fadeOut().empty(); 
}, 5000); 

甚至：

var fade_out = function() { 
    $("#mydiv").fadeOut().empty(); 
} 

setTimeout(fade_out, 5000); 

後者有時首選，因爲它污染了全局命名空間少。

Answer 2

您需要設置類似的setTimeout（「$（‘＃ID’）。淡出（‘慢’）」，5000），但比它取決於你的代碼的其餘部分其他什麼貌似

Answer 3

$.doTimeout(5000, function(){ 

// hide the div 
}); 

Answer 4

這應該工作：

$(document).ready(function() { 
    $.doTimeout(5000, function() { 
     $('#mydiv').fadeOut(); 
    }); 
}); 

Answer 5

你可以嘗試.delay()

$(".formSentMsg").delay(3200).fadeOut(300); 

呼叫DIV設定延遲時間以毫秒爲單位，並設置要更改的屬性，在這種情況下，我使用.fadeOut（）所以它可以是動畫，但你也可以使用.hide（）。

http://api.jquery.com/delay/

Answer 6

您可能需要再次顯示DIV文本它已經消失了。 這可以在1行中完成。

$('#div_id').empty().show().html(message).delay(3000).fadeOut(300);