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

wlwcrazw  于 2022-11-29  发布在  jQuery
关注(0)|答案(3)|浏览(145)

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

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

这就是我现在使用的JavaScript。我如何让它(当表单提交时)显示div #notice 5秒,然后显示fadeOut

m1m5dgzv

m1m5dgzv1#

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

s3fp2yjn2#

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

bqf10yzr

bqf10yzr3#

由于jQuery现在并不流行,这里有一个简单的JavaScript解决方案。
第一个
将默认样式设置为none,并在单击按钮时更改。

相关问题