1. setTimeout(func, t)
@mtknnktm

2. setTimeout(func, t)って？
→ブラウザのwindowオブジェクトの関数（API）
→ブラウザで動作するJavaScriptから使う

3. setTimeout(func, t)って
なにするの？
→ぐぐって一番目のサイトには
「指定されたtミリ秒後に指定されたfunc処理
を実行します。戻り値としてタイマーIDが返さ
れます。」って書いてあった

4. JavaScriptはシングルスレッド
→setTimeout(func, 1000)とかしても，
その次に
while(true){console.log('なんかしてる');}
とかしたらどうなるの？

5. 1000ミリ秒後に実行されない！？
function foo() { 終わらない…
setTimeout(function()
{alert('Yeah!');}, 1000); foo()
while(true) { function(alert…)
console.log('なんか処理');
} 始まらない…
}
function bar() {なんか処理}
foo();
bar();

6. 0ミリ秒後を指定すると？
1秒くらいと
function foo() { 0.5秒くらい
setTimeout(function()
{alert('Yeah!');}, 0); foo()
//なんか1秒くらいの処理 bar()
fooFunc();
function(alert…)
}
function bar() { 1.5秒くらい
//なんか0.5秒くらいの処理 後にスタート
}
foo();
bar();

7. setTimeout(func, t)って
なにするの？
→指定されたtミリ秒後に指定されたfunc処理
を実行キューに詰め込む
→関数を非同期に実行する

8. シングルスレッドならでは
→ 楽しい

9. setTimeoutの楽しみ方の例
● 実行中の処理が全て終わった後に、後処理をする
○ 処理の実行順を制御できないライブラリ／フレームワークをな
んとかしたいときに使う
バブリング終了後にalert('A')をする例
<div>
<a>あと</a>
</div>
1. B!
$('div').click(function(e){alert('DIV');}); 2. DIV!
$('a').click(function(e){ 3. A!
setTimeout(function(){alert('A');}, 0);
alert('B');
});

10. Fin