Web サイト上のオンライン人数をリアルタイムで表示する PHP+jquery メソッド、jquery onlinenumber

Web サイト上のオンライン人数をリアルタイムで表示する PHP+jquery メソッド、jquery onlinenumber_PHP チュートリアル

WBOY

リリース： 2016-07-13 10:10:11

オリジナル

800 人が閲覧しました

Webサイト上のオンライン人口をリアルタイムで表示するPHP+jqueryメソッド、jqueryオンライン数

この記事の例では、Web サイト上のオンライン人数をリアルタイムに表示する PHP+jquery の方法を説明します。参考のためにみんなで共有してください。具体的な分析は次のとおりです:

オンラインの人数を測定する最も簡単な方法は、ユーザーが更新されていないときにオンラインの人数をリアルタイムで表示したい場合、js を使用して php を直接呼び出すことです。これにより、このサイトにアクセスした人の数が表示されます。このページでは、jquery ajax を使用してこれを実現できます。

一部のアプリケーションでは、現在のオンライン人数、現在の総取引額、現在の為替レートなどのデータを動的に表示する必要があります。最新のデータを取得するには、フロントエンドページをリアルタイムで更新する必要があります。。ここでは、jQuery と PHP を使用して動的なデジタル表示効果を実現する方法を例とともに紹介します。

この例では、現在のオンラインユーザーの数がページに動的に表示されることを前提としています (ページ全体を更新する必要はなく、動的数値を部分的に更新するだけです)。これは一部の統計プラットフォームでよく使用されます。 HTML ページで次の構造を定義するだけです:

コードをコピーしますコードは次のとおりです:

現在オンライン:

まず、アニメーションプロセスを定義し、jQuery の animate() 関数を使用して、ある数値から別の数値への変換プロセスを実現する必要があります。次の magic_number() カスタム関数は、次のようにコードを統合します。
[コード]関数 magic_number(値) {
var num = $("#number"); num.animate({カウント: 値}, {
持続時間: 500、
ステップ: function() {
num.text(String(parseInt(this.count))); }
}); };

次に、update() 関数は、jQuery の $.getJSON() を使用して、バックグラウンドのnumber.php に ajax リクエストを送信します。PHP 応答を取得した後、magic_number() を呼び出して最新の番号を表示します。より良い結果を得るために、setInterval() を使用してコードの実行間隔を設定します。

コードをコピーします

コードは次のとおりです:function update() { $.getJSON("number.php?jsonp=?", function(data) { magic_number(data.n); }); };

setInterval(update, 5000); // 5秒に1回実行します

update();

PHP コード部分:
実際のプロジェクトでは、PHP を使用してデータベース内の最新データを取得し、PHP を通じてフロントエンドに返します。デモをわかりやすくするために、この例では乱数を使用し、最終的に乱数を json 形式でフロントエンド js に返します。number.php コードは次のとおりです。

コードをコピーします

コードは次のとおりです:

$total_data = array(
'n' => ランド(0,999)

); echo $_GET['jsonp'].'('. json_encode($total_data) . ')'; 原理は実際には非常に単純で、js settimeout を使用して php ファイルを数秒でロードし、オンラインの人数をリアルタイムで表示する機能を実現します。この記事で説明した内容が皆様の PHP プログラミング設計に役立つことを願っています。

http://www.bkjia.com/PHPjc/937090.html

www.bkjia.com

true

http://www.bkjia.com/PHPjc/937090.html