JavaScriptで間隔と遅延を実装する方法は何ですか-jsチュートリアル-php.cn

JavaScriptで間隔と遅延を実装する方法は何ですか

青灯夜游

リリース： 2023-01-06 11:17:53

オリジナル

4050 人が閲覧しました

JavaScript では、タイマーの setInterval() メソッドを使用して、間隔と遅延の効果を実現できます。このメソッドは、関数を周期的に呼び出すか、指定された期間 (ミリ秒)、構文形式「setInterval」に従って式を計算するために使用されます。 ('呼び出されるコード文字列または関数'、ミリ秒数)"。

JavaScriptで間隔と遅延を実装する方法は何ですか

このチュートリアルの動作環境: 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で間隔と遅延を実装する方法は何ですか