募金サイトのアドオンを作成しており、更新しなくても募金額が自動的に更新されます。問題なく新しい金額を取得できますが、更新時にフェードイン/アウトするのではなく、Google アナリティクスがリアルタイムの統計ページで行うように、新しい数値までカウントアップしたいと考えました。
forループを使用してインクリメントしようとしましたが、問題は遅延を追加していると思います。何か案は?
募金サイトのアドオンを作成しており、更新しなくても募金額が自動的に更新されます。問題なく新しい金額を取得できますが、更新時にフェードイン/アウトするのではなく、Google アナリティクスがリアルタイムの統計ページで行うように、新しい数値までカウントアップしたいと考えました。
forループを使用してインクリメントしようとしましたが、問題は遅延を追加していると思います。何か案は?
必要なものは 2 つあります。ライブ データと、それを表示する方法です。
データについては、サーバーを定期的にポーリングするか、websockets (またはその動作をエミュレートする多くの方法の 1 つ) などを使用できます。何を選択するかは、ニーズとサーバー側で何が利用できるかによって異なります。個人的には、Socket.IO で Node.JS を使用します。互換性が高く、ほぼリアルタイムの更新を提供できます。
これを表示するために、 DIV 内の数値を「アニメーション化」するなどの簡単なことを行うことができます。便利なゲージと、Google Visualization API にないものもあります。