[JavaScript]⑫setInterval clearInterval setTimeoutメソッド

• setIntervalメソッド
• clearIntervalメソッド
• setTimeoutメソッド

setIntervalメソッド

setInterval ( 関数名または関数式, 時間間隔ミリ秒);

• 一定の間隔ごとに処理を呼び出すタイマー機能
• 画像の切り替えなど
• タイマーが開始されると指定処理が一定間隔で実行されつづける
• メソッドの戻り値はタイマーに割り当てられたID

clearIntervalメソッド

clearInterval ( タイマーID );

• 指定されたIDのタイマーを停止する

例題：１０秒カウントダウンするスクリプト

<script>
  var count = 10;
  var timer = setInterval( output,1000 ); 
  //１０００ミリ秒ごとにoutputを繰り返し
  function output(){
    console.log( count + '秒前' );
    count--;
    if( count < 0) {
    clearInterval( timer ); 
  //timerに戻り値としてタイマーIDが格納されている、それを参照して停止
    }
  }
</script>

setTimeoutメソッド

• 設定時間後に処理を呼び出す命令。それ自体では繰り返しは起こらない
• setIntervalは処理を開始する間隔を指定するが、setTimeoutは処理が終了してから何秒後につぎの処理を始めるかを指定する。
• アニメーションのような完了までに時間がかかる処理に指定

例題：３秒経過したことを知らせる

<script>
  var num = setTimeout( timer,3000 );//3秒後に関数を実行
  function timer(){
    alert('３秒経過しました');
    }
</script>