几秒后隐藏div [英] Hide div after a few seconds
本文介绍了几秒后隐藏div的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
我很想知道,在jquery中我怎么能在几秒钟之后隐藏div?比如Gmail的消息。例如。
I was wondering, how in jquery am I able to hide a div after a few seconds? Like Gmail's messages for example.
我已尽力而为但无法使其正常工作。
I've tried my best but am unable to get it working.
推荐答案
这将在1秒(1000毫秒)后隐藏div。
This will hide the div after 1 second (1000 milliseconds).
setTimeout(function() {
$('#mydiv').fadeOut('fast');
}, 1000); // <-- time in milliseconds
#mydiv{
width: 100px;
height: 100px;
background: #000;
color: #fff;
text-align: center;
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="mydiv">myDiv</div>
如果您只想隐藏而不褪色,请使用 hide()
。
If you just want to hide without fading, use hide()
.
这篇关于几秒后隐藏div的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文