显示一个元素并在1秒后隐藏它

Question

我有以下元素：

<div class="text hide">Hello SO</div>

我用jQuery这样显示它：

$('.text').addClass('show').removeClass('hide');

所以我的<div>显示了。

我现在希望它在1秒钟后再次隐藏。

你能帮我吗？

由于

Answer 1

您可以使用 delay() 并使用 show() 来显示该项目，并使用 hide() 隐藏项目

$('.text').show(1).delay(1000).hide(1);

注意： 您需要设置show()和hide()的持续时间才能使用deley()

Answer 2

您可以使用jquery.animate()功能。第三个参数是动画所用的时间。

希望我帮忙！

Answer 3

您可以先显示文本，然后使用setTimeout在1000毫秒内隐藏它：

var text = $('.text');
text.show();
setTimeout(function(){
   text.hide();
}, 1000);