MySQLクエリカウントをどのようにアニメーション化できますか？

Question

私はアニメーションカウンタを達成しようとしていますが、今度はデータベースに行数を問い合わせて、ページ上の数値を出力します。

0〜 "値"から数えられるように、その数値をアニメーション化したいとします。

シンプルなjqueryアニメーションを作成しました。

$('.count').each(function() { 
$(this).prop('Counter',0).animate({ 
    Counter: $(this).text() 
}, { 
    duration: 4000, 
    easing: 'swing', 
    step: function (now) { 
     $(this).text(Math.ceil(now)); 
    } 
}); 
}); 

これで、表示される番号にアニメーションを付けるのが苦労しています。数字はウェブサイトのユーザー数です。

<div id="users" 

アニメーションを0からIDユーザー（IDがmysqlクエリカウントを読み込む）にする方法があります。例のために行の数が20であると言うことができます。これはおそらく非常に簡単ですが、私はそれを考え出していません！

（私はスタティック番号をアニメーション化しようとしていません、より多くのユーザーが番号を増やすので登録します）。

助けていただけたら幸いです！ ありがとう、ジョン

Answer 1

あなたはおそらく動作していると思いますが、それぞれが何のためにあるのか正確にはわかりません。

これはまあまあまあ同じことでした^^これは私がそれを行うために書いた関数です。データベースをポーリングした後にこれを呼び出すだけで、現在の番号が新しい番号に更新されます。

function numberAnimation(id, value) { 
    number = $("#"+id).text(); 

    jQuery({Counter: number}).animate({Counter: value},{ 
     duration: 500, 
     easing: 'swing', 
     step: function() { 
      // What todo on every count 
      $("#"+id).html(Math.floor(this.Counter)); 
     }, 
     complete: function() { 
      $("#"+id).html(Math.floor(this.Counter)); 
     } 
    }); 
} 

あなたはこのようにそれを呼び出します。numberAnimation('users',{Count});

PS。最初にdiv/spanに0を入れる必要があるので、それはカウントを開始する値を持っています。