ホームページ > 記事 > ウェブフロントエンド > Jquery ajax テクノロジーに基づいて、N 秒ごとにページへの値の転送を実装します。
Jquery ajax テクノロジーに基づいて、N 秒ごとにページへの値の転送を実装します。
- 亚连オリジナル
- 2018-05-24 15:18:411618ブラウズ
この記事では、ページに値を転送するための 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>上記の内容は、N 秒ごとにページに値を転送するためのこの記事の Jquery ajax テクノロジの実装の紹介です。気に入っていただければ幸いです。
上記は私があなたのためにまとめたものです。
関連記事:
Jquery.historyに基づいてajaxの前方および後方問題を解く
軽量ajaxコンポーネントの書き方02--簡単な分析アヤックスプロ
以上がJquery ajax テクノロジーに基づいて、N 秒ごとにページへの値の転送を実装します。の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。