数秒後にdivを非表示にする 質問する

数秒後にdivを非表示にする 質問する

jQuery で、数秒後に div を非表示にするにはどうすればいいのでしょうか? たとえば、Gmail のメッセージのように。

最善を尽くしましたが、うまくいきませんでした。

ベストアンサー1

これにより、div は 1 秒 (1000 ミリ秒) 後に非表示になります。

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

おすすめ記事