Jquery ajax技術でN秒ごとに特定のページに値を送信することを実現-jsチュートリアル-php.cn

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

不言

リリース： 2018-07-02 14:30:37

オリジナル

2011 人が閲覧しました

この記事では、ページに値を転送するための 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 サイトをご覧ください。