1. ホーム
  2. javascript

[解決済み] 数秒後にdivを非表示にする

2022-06-21 12:24:11

質問

jqueryで、数秒後にdivを隠すにはどうしたらいいのでしょうか?例えばGmailのメッセージのように。

私は最善を尽くしましたが、それを動作させることができません。

どのように解決するのですか?

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