さすらいのWeb制作家、MAKOCHINがつづるブログサイト。
Web制作に関する知識を備忘録的に書いているだけのサイトです。
ほとんど自分で見るためだけに書いているような内容なので読みやすくはなっていませんが、Web制作のお役に立てれば幸いです。
ご興味のある方はどうぞ。

【JQuery】イベントの実行を遅らせる

Pocket
LINEで送る

「setTimeout」を使うとイベントの実行を遅らせることができる。

javascript

$(function(){
	$('.box').hide();
	
	$('.button').on('click', function() {
		$('.box').show();
		
		setTimeout(function() {
			$('.box').fadeOut();
		}, 2000);
	});
});

上記コードでは、非表示の「box」クラスの要素を「button」クラスの要素をクリックで表示状態にして、2秒後に「box」クラスの要素をフェードアウトさせています。

カテゴリー:HP制作, JQuery

コメントを残す

コメント内容