Home | Index | Prev | clearTimeout | Next

JavaScript Reference

clearTimeout

関連オブジェクト : window、Frame

タイプ : メソッド

書式

　clearTimeout(タイマー変数名)
  clearTimeout(myTimer);

setTimeoutで指定したタイマーを解除します。

サンプル

JavaScript
var enable=false,startDate;
function toggleCounter() {
  enable = !enable;
  startDate = new Date()
  if (enable) {
    watch();
  }
}

function watch() {
 var now, mySec;

if (enable) {
 setTimeout('watch()', 1000);
 now = new Date();
 mySec = parseInt(3*60-(now.getTime()-startDate.getTime())/1000);
  if (mySec > 0) {
     document.watch.watch.value = mySec;
  } else {
    enable = false;
    clearTimeout();
    document.watch.watch.value = "完成!!";
    alert("時間です。カップラーメンが完成しました！");
    }
  }
}

html
<form name="watch">
<p>カップラーメン完成まで、あと 
<input name="watch" value="" size="5">秒。<br>
<input type="button" value="Start/Stop" 
  onClick="toggleCounter()">
</p>
</form>

実行結果

初版更新日 2003年6月1日最新更新日 2004年4月4日