PR
構文
 
  オブジェクト.setTimeout(処理,時間設定)
処理
JavaScriptの処理
時間設定
処理を開始するまでの時間(1000分の1秒)
総合 インデックス
メソッド
FirefoxIE

説明

  • 指定した時間後に処理を行うメソッド。処理開始までの時間は,ミリ秒単位で設定する。

用例

「setTimeout」メソッドの処理により,1秒ごとに画像を入れ替える処理を設定した関数「anime_1」の処理が発生する。「image1.jpg」~「image5.jpg」の5枚の画像を一つずつ変更して表示するスクリプトを設定した関数「anime_1」の処理を,「setTimeout」メソッドの処理で「setTimeout('anime_1()',1000);」として1秒ごとに呼び出すことによって,Web上で,アニメーションのような効果を実現。
<!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>setTimeout</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;
       }
setTimeout('anime_1()',1000);
}
//-->
</script>
<style type="text/css">
<!--
body { background-color: #ffffff; }
-->
</style>
</head>
<body onLoad="anime_1()">
*一定時後に処理を開始する
<p>
<img src="image1.jpg" name="animation" alt="Animation" border="0"
width="100" height="100"> </p> </form></body></html>

この用例を実行する