clearTimeout

setTimeoutメソッドの処理を停止する

2009.01.09

構文

　 Window.clearTimeout(ID名)
　 frame.clearTimeout(ID名)

ID名

停止する「setTimeout」メソッドの指定

説明

一定時間後に処理を開始する「setTimeout」メソッドの処理を停止するメソッド。
「setTimeout」メソッドの設定で，「ID名=setTimeout(処理,時間設定)」としてID名を設定しておくと，そのID名を「clearTimeout」メソッドで指定することにより，指定したID名の「setTimeout」メソッドの処理を停止できる。

用例

ボタンフォーム「ストップ」をクリックしたとき，ID名「TimeoutID」を設定した「setTimeout」メソッドの処理を停止する。

<!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>clearTimeout</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;
       }
TimeoutID=setTimeout('anime_1()',1000);
}
function stop_1(){
   clearTimeout(TimeoutID);
}
//-->
</script>
<style type="text/css">
<!--
body { background-color: #ffffff; }
-->
</style>
</head>
<body  onLoad="anime_1()">
*setTimeoutメソッドの処理を停止する
<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>
</body></html>

この用例を実行する