F.Ko-Jiの「一秒後は未来」ではウェブやSEO、API、RSSといった技術的ネタから、ちょっとした豆知識や梅酒、エンタメ系まで様々な情報を不定期にお届けしています。

F.Ko-Jiの「一秒後は未来」 > Javascript > うっかり忘れてしまうJavaScriptのsetTimeout実行タイミング

うっかり忘れてしまうJavaScriptのsetTimeout実行タイミング

2007/05/15 22:54:19

基本だけどしばしば忘れてしまうので忘れないようにメモ。

JavaScriptのwindow.setTimeoutは、それが呼び出された瞬間から指定ミリ秒だけWaitして実行される。つまり、

for (var i = 0; i < 5; i++) {
    window.setTimeout(function(){myfunc()}, 500);
}

このようなコードを実行すると、5回実行される myfunc() は(ほぼ)同時に実行されてしまう。なので、5回のmyfunc()を500ミリ秒ごとに遅延実行させたいときは、

for (var i = 0; i < 5; i++) {
    window.setTimeout(function(){myfunc()}, 500 * (i + 1));
}

のように、1回目は500ミリ秒後、2回目は1000ミリ秒後、・・・とセットしないといけない。

[2010-01-12] RSS フィードの URL が変わりました。お手数ですが RSS リーダーへの再登録をお願いします。

このエントリーのトラックバックURL:

タイトル:

URL:

リンク用HTMLタグ:
<a href="http://blog.fkoji.com/2007/05152254.html">うっかり忘れてしまうJavaScriptのsetTimeout実行タイミング - F.Ko-Jiの「一秒後は未来」</a>

Agile Media Network

F.Ko-Jiの「一秒後は未来」