带小数位的 JavaScript 计数器

Question

我有一个jsfiddle here

这是一个简单的 JavaScript 函数，可以计算出设定的数字。

是否可以进行这种计数，但也保留一位小数

所以它算 1.1、1.2、1.3 等。

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

    startCounter();

Answer 1

更新

使用.split()检查尾数的大小。

var size = $(this).text().split(".")[1] ? $(this).text().split(".")[1].length : 0;

然后用它来估计 .toFixed() 大小，如下所示

$(this).text(parseFloat(now).toFixed(size));

这是更新的演示 https://jsfiddle.net/dhirajbodicherla/wmaftobx/13/

<小时/>

使用 .toFixed(1) 而不是 Math.ceil(now)像这样

parseFloat(now).toFixed(1)

这是更新的演示 https://jsfiddle.net/wmaftobx/6/