clearIntervalメッソッド

windowオブジェクトのclearIntervalメッソッドはsetIntervalメソッドで設定された処理を停止します。

書式	window.clearInterval(値)
対応
引数	値	setIntervalメソッドで取得した値を指定
機能	setIntervalメソッドで設定された処理を停止する

clearinterval.html

使用例	現在時刻を表示する処理（setIntervalメソッドで設定された処理）を停止する。


<html>
<head>
<title>JavaScript clearInterval</title>
<script type="text/javascript"> 
var timer;
var flg = true;
function setTimer() {
	if(flg){
		timer = window.setInterval('setWatchVale()',1000);
		flg = false;
	}else{
		window.clearInterval(timer);
		flg = true;
	}
} 

function setWatchVale(){
	var dt = new Date();	
	var nowTime = dt.toLocaleTimeString();
	document.watch.timeSet.value = nowTime;
}
</script>
</head>
<body>
<form name="watch">
現在時刻:
<input name="timeSet" value="" size="10">
<input type="button" value="START／STOP" onClick="setTimer()">
</form>
</body>
</html>

関連メンバ	機能
setTimeout	ミリ秒単位で指定した時間後に実行する
clearTimeout	setTimeoutメソッドの停止
setInterval	一定時間(1ミリ秒)ごとに指定された処理を繰り返す