javascript - 如何使用 jQuery 在 5 秒后隐藏文本？

Question

如何在 5 秒后隐藏#results？我试过了，但它不起作用。

$('#results').hide().html(data).fadeIn('slow').delay(5000).hide();

我有的是这个

$('#results').hide().html(data).fadeIn('slow');

Answer 1

为您的 hide() 调用设置持续时间，它将像这样工作:

$('#results').hide().html(data).fadeIn('slow').delay(5000).hide(1);

问题是没有任何参数的 hide() 只是一个即时操作。它不通过 fx 队列，因此它不会在 .delay(5000) 之后出现。但是，如果你给函数一个持续时间，比如 .hide(1)，那么它就会变成一个动画，它会通过 fx 队列，因此会在 .delay(5000) 之后出现。

你可以在这里看到它的工作:http://jsfiddle.net/jfriend00/wzbtU/

---

来自jQuery doc for hide() :

当提供持续时间时，.hide() 成为一种动画方法。