使用 jquery 使 div 文本在 5 秒后消失？

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

你可以試試.delay()

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

調用 div 以毫秒為單位設置延遲時間並設置要更改的屬性，在這種情況下，我使用了 .fadeOut() 以便可以對其進行動畫處理，但您也可以使用 .hide() 。

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

Answer 3

$.doTimeout( 5000, function(){ 

 // hide the div
}); 

Answer 4

您需要設置類似 setTimeout('$("#id").fadeOut("slow")', 5000) 之類的內容，但除此之外，它取決於您的其余代碼的外觀

Answer 5

這應該有效：

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

Answer 6

您可能需要在 div 文本消失后再次顯示它。 這可以在 1 行中完成。

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

Answer 7

這個答案沒有jQuery ，你可以抓住你的element並知道它的index位置。

然后在下面的div中使用它。 I will be your div's index number in dom。

    const div = document.querySelectorAll('div');
    setTimeout(() => {
        div[i].textContent = '';
    }, 3000);