ホームページ > 記事 > ウェブフロントエンド > Jquery ajax技術でN秒ごとに特定のページに値を送信することを実現

Jquery ajax技術でN秒ごとに特定のページに値を送信することを実現

不言オリジナル: 2018-07-02 14:30:371910ブラウズ

この記事では、ページに値を転送するための jquery ajax テクノロジと、setinterval() メソッドの構文の紹介について説明します。この記事に興味のある友人は参照してください。

時々、特定のページに値を送信する必要があることがあります。チャットルームなどのページが値を渡すと、データベースは数秒ごとにページを処理して値を取得し、表示します。チャットウィンドウに表示されます。あるいは、ユーザーが最後に話してから現在までに 2 分の間隔があるかどうかを時々確認し、2 分の間隔がある場合はユーザーをログアウトします。このとき、HTML DOM の setInterval() メソッドを使用します。

setInterval() メソッドは、指定された周期 (ミリ秒単位) で関数を呼び出したり、式を計算したりできます。

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

構文:

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

code

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

ミリ秒

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

例:

 setInterval(function(){
      host = window.location.host
      $.post("http://"+host+"/index.php/Article/cpMes/value/1");
    },5000);

拡張:

clearInterval()メソッド

clearInterval()メソッドはsetInterval()で設定したタイムアウトをキャンセルすることができます。
clearInterval()メソッドのパラメータはsetInterval()で返されるID値でなければなりません。

例:

<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>

以上がこの記事の全内容です。その他の関連コンテンツについては、PHP 中国語 Web サイトをご覧ください。

Jquery ajax技術でN秒ごとに特定のページに値を送信することを実現

関連記事