window.clearInterval( intervalID )メソッド

window.clearInterval( intervalID )は、window.setInterval( func, delayTime )メソッドで設定した遅延繰り返し実行(繰り返しタイマー)を中止するメソッド。

構文

<script type="text/javascript">
window.clearInterval( intervalID );
</script>

<script></script>内であれば、window.は、下記のように省略可能。

<script type="text/javascript">
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>

HTML

<div class="sample">
    時間: <span id="sampleOutput"></span>
    <br /><br />
    <button onclick="window.clearInterval( $intervalID )">ストップ</button>
</div>

CSS

<style type="text/css">
.sample button {
    font-size: 16px;
}
</style>

スポンサード リンク

カテゴリー: JavaScript, Windowオブジェクト, タイマー, ブラウザオブジェクト, メソッド, リファレンス パーマリンク