5秒后删除新的div

我想添加一个div，并在5秒后删除它。 我试过了

$("#mainContentTD").prepend("
Your detailes where sucsesfuly... 
").delay(5000).remove("this:first-child"); 

Answer 1

您可以像这样使用setTimeout ：

 setTimeout(function(){ $('#divID').remove(); }, 5000); 

5000（ms）表示5秒。 您应该用您自己的div / element id替换divID 。

您可以使用length确保div首先存在：

 setTimeout(function(){ if ($('#divID').length > 0) { $('#divID').remove(); } }, 5000) 

Answer 2

.delay()方法仅适用于使用标准效果队列或自定义队列的方法。

.delay()方法最适合延迟排队的jQuery效果。 因为它是有限的 – 例如，它没有提供取消延迟的方法 – .delay()不能替代JavaScript的本机setTimeout函数，这可能更适合某些用例。

即，你可以使用setTimeout() 🙁 演示 ）

 var $elm = $("
Your detailes where sucsesfuly... 
"); $("#mainContentTD").prepend($elm); setTimeout(function() { $elm.remove(); }, 5000); 

或者，您可以使用效果方法删除元素:( 演示 ）

 $("#mainContentTD") .prepend("
Your detailes where sucsesfuly... 
") .children(':first') .delay(5000) .fadeOut(100);