【JQuery】イベントの実行を遅らせる
「setTimeout」を使うとイベントの実行を遅らせることができる。
javascript
$(function(){ $('.box').hide(); $('.button').on('click', function() { $('.box').show(); setTimeout(function() { $('.box').fadeOut(); }, 2000); }); });
上記コードでは、非表示の「box」クラスの要素を「button」クラスの要素をクリックで表示状態にして、2秒後に「box」クラスの要素をフェードアウトさせています。
コメントを残す