構文 | | | オブジェクト.setInterval(処理,時間設定) | | 処理 | JavaScriptの処理 | | 時間設定 | インターバルの時間(1000分の1秒) |
|
| |
説明
- 「setInterval」メソッドは，指定した時間後に一度だけ処理を行う「setTimeout」メソッドと違い，指定された処理をミリ秒単位で繰り返し行う。
- サポートしているオブジェクト
用例
1秒ごとに画像を差し替える処理を設定した関数「anime_1」の処理を発生することにより，一定時間ごとに画像を変更する。
<!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>setInterval</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;
}
}
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></body></html>
この用例を実行する
