jQuery animacja przyrost liczby dziesiętnej/dekrementacja

Question

Chciałbym animować różnicę między dwoma liczbami dziesiętnymi krok po kroku.

Znaleźliśmy Joss Crowcroft's solution dla liczb całkowitych, który działa dobrze i zrobiłem example on jsfiddle. Fragment kodu:

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

Ale jeśli chcesz animować na przykład liczby 2,85 do 3,25, a nie można zrobić na drodze tys. Musi być animowany zarówno części, liczby całkowitej i dziesiętne. Czy można to zrobić w prostszy sposób, z wyjątkiem oddzielnych animacji dla liczb całkowitych i dziesiętnych?

Answer 1

Masz na myśli?

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

Spróbuj

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

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

Oto the Fiddle