我在我的网站上使用jquery做各种事情,但有一件事我不知道该怎么做,那就是让它显示一个元素,然后等待X秒,然后隐藏该元素。
$('#form').ajaxForm(function() { $('#cartcontents').fadeOut("fast").load('cart.php').fadeIn("fast"); });
这就是我现在使用的JavaScript。我如何让它(当表单提交时)显示div #notice 5秒,然后显示fadeOut?
#notice
fadeOut
m1m5dgzv1#
$('#form').submit(function() { $('#notice').show(); setTimeout(function() { $('#notice').fadeOut(); }, 5000); });
s3fp2yjn2#
在onSubmit事件处理程序中,使用$('#divName').show()(我认为这是正确的语法)使div出现。您可以使用setTimeout("hideDiv()",5000),然后定义hideDiv(),这是一个新函数,它执行$('#divName').fadeOut()
onSubmit
$('#divName').show()
setTimeout("hideDiv()",5000)
hideDiv()
$('#divName').fadeOut()
bqf10yzr3#
由于jQuery现在并不流行,这里有一个简单的JavaScript解决方案。第一个将默认样式设置为none,并在单击按钮时更改。
none
3条答案
按热度按时间m1m5dgzv1#
s3fp2yjn2#
在
onSubmit
事件处理程序中,使用$('#divName').show()
(我认为这是正确的语法)使div出现。您可以使用setTimeout("hideDiv()",5000)
,然后定义hideDiv()
,这是一个新函数,它执行$('#divName').fadeOut()
bqf10yzr3#
由于jQuery现在并不流行,这里有一个简单的JavaScript解决方案。
第一个
将默认样式设置为
none
,并在单击按钮时更改。