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

时间:2009-12-09 10:07:59

标签: javascript jquery

我在我的网站上使用jquery处理各种事情,但有一点我不知道该怎么做,是让它显示一个元素,然后等待X秒,然后隐藏元素。

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

这就是我现在使用的JavaScript。我怎么能拥有它(当表单提交时)显示div #notice 5秒,然后fadeOut

2 个答案:

答案 0 :(得分:17)

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

答案 1 :(得分:3)

onSubmit事件处理程序中的

使用$('#divName').show()显示div  (我认为这是正确的语法)。您可以使用setTimeout("hideDiv()",5000),然后定义hideDiv()这是一个新函数$('#divName').fadeOut()