几秒钟后隐藏 div

javascript jquery timing

2022-08-30 04:13:31

我想知道，在jquery中，我如何能够在几秒钟后隐藏div？例如，就像Gmail的邮件一样。

我已经尽力了，但无法让它工作。

答案 1

这将在 1 秒（1000 毫秒）后隐藏 div。

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()

答案 2

您可以尝试.delay()

$(".formSentMsg").delay(3200).fadeOut(300);

调用div设置延迟时间（以毫秒为单位）并设置要更改的属性，在本例中，我使用了.fadeOut（），因此可以对其进行动画处理，但您也可以使用.hide（）。