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

Question

我需要在使用ajax调用显示它后x秒后使div文本消失

你可以帮帮我吗？

谢谢

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/