Result jQuery$(document).ready(function() { //queue()で処理を溜めてdequeue()で実行。3秒経ったらfadeOut() $("#timeout").fadeIn().queue(function() { setTimeout(function(){$("#timeout").dequeue(); }, 3000); }); $("#timeout").fadeOut(); });css#timeout{ position:absolute; top:30px; left:50px; padding:20px; border:1px solid #ddd; background:#eee; }html<div id="timeout"> <p>Time out</p> </div>
![時間が経つと非表示になるボックスを作る](https://cdn-ak-scissors.b.st-hatena.com/image/square/b6b1c87ada2ad66409793e3653c810e333009609/height=288;version=1;width=512/http%3A%2F%2Fkachibito.net%2Fwp-content%2Fuploads%2F2019%2F12%2Fsite-icon.png)