jsでのsetIntervalとsetTimeoutの使用例-jsチュートリアル-php.cn

jsでのsetIntervalとsetTimeoutの使用例

高洛峰

リリース： 2017-02-08 16:10:15

オリジナル

929 人が閲覧しました

setInterval() 定義と使用法

setInterval() メソッドは、指定された周期 (ミリ秒単位) で関数または式を実行します。このメソッドは、clearInterval() を使用して関数が明示的に停止されるか、ウィンドウが閉じられるまで、関数の呼び出しをループします。 clearInterval() 関数のパラメータは、setInterval() によって返される ID 値です。

構文

setInterval(code,millisec[,"lang"])
コードが必要です。呼び出される関数、または実行されるコード文字列。
ミリ秒は必須です。定期的な実行またはコードの呼び出し間の時間間隔 (ミリ秒単位)。

戻り値

コードの定期的な実行をキャンセルするために Window.clearInterval() に渡すことができる値。

使用例:

コードをコピーコードは次のとおりです:

<html>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<body>
<input type="text" id="clock" size="35" />
<script language=javascript>
var int=setInterval("clock()",50);
function clock(){
 var t=new Date();
 document.getElementById("clock").value=t;
}
</script>
</form>
<button onclick="window.clearInterval(int)">
停止 interval 事件</button>
</body>
</html>

ログイン後にコピー

setTimeout() 定義と使用法

setTimeout() メソッドは、関数の呼び出しまたは式の計算に使用されます。指定したミリ秒数が経過すると、このメソッドは 1 回だけ実行されるという点で setInterval() メソッドとは異なります。

構文

setTimeout(code,millisec)
コードが必要です。呼び出される関数の後に実行される JavaScript コードの文字列。
ミリ秒が必要です。コードを実行する前に待機するミリ秒数 (ミリ秒単位)。

ヒント:
(1) setTimeout() ただし、コードは 1 回しか実行されません。ただし、複数回呼び出す必要がある場合は、setInterval() を使用するだけでなく、実行されたコード自体で setTimeout() メソッドを再度呼び出して、複数回実行の目的を達成することもできます。
(2) さらに、setTimeout() メソッドは、setTimeout() メソッドの使用をキャンセルするために、clearInterval() メソッドの使用を容易にするために ID 値を返すこともできます。

使用例:

コードをコピーしますコードは次のとおりです:

<html>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<head>
<script type="text/javascript">
function timedMsg(){
 var t=setTimeout("alert(&#39;3 秒时间到!&#39;)",3000);
}
function timedMsgAways(){
 alert(&#39;3 秒时间到!&#39;);
 var t=setTimeout("timedMsgAways()",3000);
}
</script>
</head>
<body>
<form>
<input type="button" value="3 秒后警告" onClick="timedMsg()"><br />
<input type="button" value="循环 3 秒警告" onClick="timedMsgAways()">
</form>
</body>
</html>

ログイン後にコピー

これら 2 つのメソッドでは、一定時間ごとにアクションを正確に実行する必要があることに注意してください。 interval を使用する場合は、 setInterval を使用するのが最善です。継続的な呼び出しによる相互干渉を引き起こしたくない場合、特に各関数呼び出しに大量の計算と長い処理時間が必要な場合は、setTimeout を使用するのが最善です。

js での setInterval と setTimeout の使用例に関連するその他の記事については、PHP 中国語 Web サイトに注目してください。