HTMLで画像や出力データをアクセス時より遅らせて出力したり、処理をしたりしたい場合があります。

jQueryのsetTimeoutを使用すれば、指定した時間の後に出力させることが可能です。

■ setTimeout

指定した時間（秒数）の後に処理を実行します。

$(function(){
	setTimeout(function(){
		// 処理を記載
	}, 2000);
});

■ setTimeoutの使用例

【jQuery】

1秒後に処理を実行します。

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script>
<script type="text/javascript">
$(function(){

    var str = '遅らせて出力する内容';

    // 1秒後に出力する
    setTimeout(function(){
        $('.output').append(str);
    }, 1000);

});
</script>

【HTML】

出力したい場所に下記のコードを記述します。

<div class="output"></div>

指定した時間の後に処理を実行できるので、重い画像や複雑な処理をするときなどに便利だと思います。