显示 div 一段时间，然后隐藏它

Question

我在我的网站上使用 jquery 来处理各种事情，但有一件事我不确定该怎么做，那就是让它显示一个元素，然后等待 X 秒，然后隐藏该元素。

 $('#form').ajaxForm(function() {
    $('#cartcontents').fadeOut("fast").load('cart.php').fadeIn("fast");
});

这就是我现在使用的 JavaScript。我怎么能让它（当表单提交时）显示 div #notice 5 秒，然后 fadeOut ？

原文由 mrpatg 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

$('#form').submit(function() {
   $('#notice').show();
   setTimeout(function() {
       $('#notice').fadeOut();
   }, 5000);
});

原文由 Jacob Relkin 发布，翻译遵循 CC BY-SA 2.5 许可协议

Answer 2

在 onSubmit 事件处理程序中使用 $('#divName').show() 使 div 出现（我认为这是正确的语法）。您可以使用 setTimeout("hideDiv()",5000) ，然后定义 hideDiv() 这是一个新功能 $('#divName').fadeOut()

原文由 Aly 发布，翻译遵循 CC BY-SA 2.5 许可协议