Tweet

Pocket

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

javascript

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

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