jQueryアニメーション10進数の増減

Question

2つの10進数の差分を段階的にアニメーション化したいと思います。

いいえ、私はexample on jsfiddleを作った整数のためにJoss Crowcroft's solutionが見つかりました。 コードスニペット：

$({numberValue: 35}).animate({numberValue: 100}, { 
    duration: 1000, 
    easing: 'linear', 
    step: function() { 
     $('#dynamic-number').text(Math.ceil(this.numberValue)); 
    } 
}); 

しかし、私は3.25に例の数2.85のためにアニメーション化したい場合は、THS途中で行うことはできません。整数と小数の両方の部分をアニメートする必要があります。整数と小数点の分離アニメーションを除いて簡単な方法で作成できますか？

Answer 1

このような意味ですか？

var currentNumber = $('#dynamic-number').text(); 

$({numberValue: currentNumber}).animate({numberValue: 100}, { 
    duration: 8000, 
    easing: 'linear', 
    step: function() { 
     $('#dynamic-number').text(Math.ceil(this.numberValue*100)/100); 
    } 
}); 

Answer 2

これは

var currentNumber = $('#dynamic-number').text(); 

$({numberValue: currentNumber}).animate({numberValue: 100}, { 
duration: 8000, 
easing: 'linear', 
step: function (now) { 
     $('#dynamic-number').text(now.toFixed(2)); 
} 
}); 

ここにあります試してみてくださいthe Fiddle