让使用jQuery后5秒内格文本消失?

问题描述 投票:13回答:6

我需要显示它的x秒后一个div文本消失,使用Ajax调用

你可以帮我在这吗?

谢谢

javascript jquery
6个回答
31
投票

您可以使用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);

后者有时首选,因为它污染了全局命名空间少。


6
投票

你可以试试.delay()

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

致电格设置为毫秒的延迟时间,并设置要更改的属性,在这种情况下,我用.fadeOut(),所以它可以被动画,但是你可以使用.hide()为好。

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


3
投票
$.doTimeout( 5000, function(){ 

 // hide the div
}); 

1
投票

您需要设置类似的setTimeout(“$(‘#ID’)。淡出(‘慢’)”,5000),但比它取决于你的代码的其余部分看起来像其他


1
投票

这应该工作:

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

0
投票

您可能需要再次显示DIV文本它已经消失了。这可以在1线来完成。

$('#div_id').empty().show().html(message).delay(3000).fadeOut(300);
© www.soinside.com 2019 - 2024. All rights reserved.