非同期イベントとコールバック関数setTimeout()

JavaScript

実行すると、次のような順番でユーザにalertダイアログが表示されるコードを示す。

  1. beforeと表示する
  2. afterと表示する
  3. setTimeoutが呼ばれてから5秒後に、funcを実行する（5 seconds passedと表示する）
<script type="text/javascript">
 var func = function(){
  alert("5 seconds passed");
 };

 alert("before");
 setTimeout(func, 5000);
 alert("after");
</script>

setTimeout関数に、コールバック関数としてfuncを渡している。
setTimeoutが呼ばれてから5秒経過後に、コールバック関数funcが実行されるのだ。
非同期処理なので、setTimeoutが呼ばれても処理はとまらず、次の処理（この場合alert("after")）に進むことに注意。