clearTimeoutメッソッド
windowオブジェクトのclearTimeoutメッソッドはsetTimeoutメソッドで設定された処理を停止します。
| 書式 | window.clearTimeout(値) | |
|---|---|---|
| 対応 |      | |
| 引数 | 値 | setTimeoutメソッドで取得した値を指定 |
| 機能 | setTimeoutメソッドで設定された処理を停止する | |
| 使用例 | 経過時間を表示する処理（setTimeoutメソッドで設定された処理）を停止する。 |
|---|
<html>
<head>
<title>JavaScript clearTimeout</title>
<script type="text/javascript">
//初期値
var i = 0;
var j = 0;
var k = 0;
var flg = true;
var timer;
function setTimer() {
if(flg){
Timer();
flg = false;
}else{
window.clearTimeout(timer);
i = 0;
j = 0;
k = 0;
flg = true;
}
}
function Timer(){
timer = window.setTimeout('Timer()',1000);
i++;
j++;
k++;
var hh = Math.floor(i/(60*60)); //時間
var mm = Math.floor(j/60); //分
var ss = k; //秒
document.timer.hour.value = hh;
if(mm < 60){
document.timer.minutes.value = mm;
}else{
document.timer.minutes.value = 0;
j = 0;
}
if(ss < 60){
document.timer.second.value = ss;
}else{
document.timer.second.value = 0;
k = 0;
}
}
</script>
</head>
<body>
<form name="timer">
経過時間:
<input name="hour" value="0" size="2">時間
<input name="minutes" value="0" size="2">分
<input name="second" value="0" size="2">秒
<input type="button" value="START／STOP" onClick="setTimer()">
</form>
</body>
</html>
| 関連メンバ | 機能 |
|---|---|
| setTimeout | ミリ秒単位で指定した時間後に実行する |
| setInterval | 一定時間(1ミリ秒)ごとに指定された処理を繰り返す |
| clearInterval | setIntervalメソッドの停止 |