ホームページ > 記事 > ウェブフロントエンド > JavaScriptで間隔と遅延を実装する方法は何ですか
JavaScriptで間隔と遅延を実装する方法は何ですか
- 青灯夜游オリジナル
- 2021-06-22 14:19:313989ブラウズ
JavaScript では、タイマーの setInterval() メソッドを使用して、間隔と遅延の効果を実現できます。このメソッドは、関数を周期的に呼び出すか、指定された期間 (ミリ秒)、構文形式「setInterval」に従って式を計算するために使用されます。 ('呼び出されるコード文字列または関数'、ミリ秒数)"。
このチュートリアルの動作環境: Windows7 システム、JavaScript バージョン 1.8.5、Dell G3 コンピューター。
JavaScript では、タイマーの setInterval() メソッドを使用して、間隔と遅延の効果を実現できます。
例: 3 秒 (3000 ミリ秒) の遅延後に「Hello」がポップアップ表示されます。
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
</head>
<body>
<p>点击按钮，3 秒后会弹出 "Hello"。</p>
<button onclick="myFunction()">点我</button>
<script>
function myFunction() {
setTimeout(function(){ alert("Hello"); }, 3000);
}
</script>
</body>
</html>手順:
setInterval()関数を呼び出すか、式を評価するために、指定された期間 (ミリ秒単位) に従ってメソッドを実行できます。
setInterval() メソッドは、clearInterval() が呼び出されるかウィンドウが閉じられるまで、関数を呼び出し続けます。 setInterval() によって返される ID 値は、clearInterval() メソッドの引数として使用できます。
構文
setInterval(code,millisec[,"lang"])
| パラメータ | 説明 |
|---|---|
| コード | 必須。呼び出される関数、または実行されるコード文字列。 |
| ミリ秒 | 必須。定期的な実行またはコードの呼び出し間の時間間隔 (ミリ秒単位)。 |
戻り値: コードの定期的な実行をキャンセルするために Window.clearInterval() に渡すことができる値。
例:
<!DOCTYPE html>
<html>
<body>
<div id="clock"></div>
<script language=javascript>
var int=
self.setInterval("clock()",50)
function clock()
{
var t=new Date()
document.getElementById("clock").innerHTML=t
}
</script>
</form>
</body>
</html>レンダリング:
以上がJavaScriptで間隔と遅延を実装する方法は何ですかの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。