数字をカウントアップアニメーションさせる jquery-animateNumber

jquery 備忘録

基本的にjqueryを入れて、jquery.color.jsを入れjquery-animateNumberを入れて終了なのですが、元からhtmlに入力されている数値を開始値にして終了値にアニメーションする設定をスマートに記述するにはコツが要ります。

$('対象').prop('number',function(){$(this).text();}).animateNumber({number:変更したい数値},100)

尚、アニメーション実行中に、再度アニメーションのイベントが発生すると結果がおかしなことになるので、別途対策が必要になります。

参考