window.clearInterval( intervalID )は、window.setInterval( func, delayTime )メソッドで設定した遅延繰り返し実行（繰り返しタイマー）を中止するメソッド。
構文
<script type="text/javascript">
window.clearInterval( intervalID );
</script>
window.clearInterval( intervalID );
</script>
<script>～</script>内であれば、window.は、下記のように省略可能。
<script type="text/javascript">
clearInterval( intervalID );
</script>
clearInterval( intervalID );
</script>
引数
- intervalID
- 中止したい遅延繰り返し実行（繰り返しタイマー）のID。
戻り値
なし。
サンプル
時間:
サンプルの動作について
- ページを読み込むと、「時間: 」の右横に、デジタル時計のように現在時刻を表示する。
- 「ストップ」ボタンをクリックすると、「時間: 」の右横の時計を停止する。
サンプルのソースコード
JavaScript
<script type="text/javascript">
var $intervalID = window.setInterval(
function(){
sampleClock()
},
1000
);
function sampleClock() {
var $thisTime = new Date().toLocaleTimeString();
document.getElementById( "sampleOutput" ).innerHTML = $thisTime;
}
</script>
var $intervalID = window.setInterval(
function(){
sampleClock()
},
1000
);
function sampleClock() {
var $thisTime = new Date().toLocaleTimeString();
document.getElementById( "sampleOutput" ).innerHTML = $thisTime;
}
</script>
HTML
<div class="sample">
時間: <span id="sampleOutput"></span>
<br /><br />
<button onclick="window.clearInterval( $intervalID )">ストップ</button>
</div>
時間: <span id="sampleOutput"></span>
<br /><br />
<button onclick="window.clearInterval( $intervalID )">ストップ</button>
</div>
CSS
<style type="text/css">
.sample button {
font-size: 16px;
}
</style>
.sample button {
font-size: 16px;
}
</style>