PR
構文
 
  オブジェクト.clearInterval(ID名)
ID名
停止する「setInterval」メソッドの指定
総合 インデックス
メソッド
FirefoxIE

説明

  • 「setInterval」メソッドの繰り返し処理を停止するメソッド。
  • 「setInterval」メソッドの設定で,「ID名=setInterval(処理,時間設定)」として,ID名を設定しておくと,そのID名を「clearInterval」メソッドで指定することにより,指定したID名の「setInterval」メソッドの処理を停止できる。

用例

フォームボタン「ストップ」をクリックすると,「clearInterval」の処理により一定時間ごとに画像を変更する処理を停止する。
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html><head>
<meta http-equiv="Content-Script-Type" content="text/javascript">
<meta http-equiv="Content-Style-Type" content="text/css">
<title>clearInterval</title>
<script type="text/javascript">
<!--
var ImageSetA = 1;
IMG = new Array();
for(i = 1; i < 6; i++) {
    IMG[i] = new Image();
    IMG[i].src = "image" + i + ".jpg";
}
function anime_1() {
   document.animation.src = IMG[ImageSetA].src;
   ImageSetA++;
       if( ImageSetA > 5) {
       ImageSetA = 1;
       }
}
function stop_1(){
   clearInterval(IntervarID);
}
IntervarID=setInterval('anime_1()',1000);
//-->
</script>
<style type="text/css">
<!--
body { background-color: #ffffff; }
-->
</style>
</head>
<body>
*一定時間ごとの処理を停止する
<p>
<img src="image1.jpg" name="animation" alt="Animation" border="0" 
width="100" height="100"> </p> <form> <input type="button" value="ストップ" onclick="stop_1()"> </form> </form></body></html>

※「IntervarID=setInterval('anime_1()',1000);」の処理で,「setInterval」メソッドにID名「IntervarID」を設定している。そして,「clearInterval(IntervarID);」の処理で,「clearInterval」メソッドにID名「IntervarID」を設定することにより,「setInterval」メソッドの処理を停止している。

この用例を実行する