jqueryで数秒のループを設定する方法-フロントエンドQ&A-php.cn

jqueryで数秒のループを設定する方法

WBOY

リリース： 2022-01-10 17:36:58

オリジナル

1485 人が閲覧しました

jquery では、setInterval() メソッドを使用して、数秒のループに指定されたコードを設定できます。このメソッドは、clearInterval() が呼び出されるまで、ミリ秒単位で指定された期間に従って関数を呼び出したり、式を計算したりできます。ウィンドウが閉じている場合、構文は「setInterval(call function, time)」です。

jqueryで数秒のループを設定する方法

このチュートリアルの動作環境: Windows10 システム、jquery3.2.1 バージョン、Dell G3 コンピューター。

jquery で数秒のループを設定する方法

setInterval() メソッドは、指定された条件に従って関数を呼び出したり、式を計算したりできます。期間 (ミリ秒単位) モード。

setInterval() メソッドは、clearInterval() が呼び出されるかウィンドウが閉じられるまで、関数を呼び出し続けます。 setInterval() によって返される ID 値は、clearInterval() メソッドの引数として使用できます。

構文

setInterval(code,millisec[,"lang"])

ログイン後にコピー

パラメータの説明

code 必須。呼び出される関数、または実行されるコード文字列。

ミリ秒必須。定期的な実行またはコードの呼び出し間の時間間隔 (ミリ秒単位)。

戻り値

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

例

<html>
<body>
<input type="text" id="clock" size="35" />
<script language=javascript>
var int=self.setInterval("clock()",50)
function clock()
  {
  var t=new Date()
  document.getElementById("clock").value=t
  }
</script>
</form>
<button onclick="int=window.clearInterval(int)">
Stop interval</button>
</body>
</html>

ログイン後にコピー

出力結果:

jqueryで数秒のループを設定する方法