javascript - 动画递增数字并显示十进制值

Question

我在 jQuery 中有一个简单的计数器，它从零开始并以 5.5 递增，但它只显示值 5 而没有小数点。

我尝试调整正则表达式，但没有成功。

我还需要向数字添加某种动画，而不是让它从 0 跳到 5 再到 10...我希望它随着数字的增加而轻松并计数。

HTML

<div class="label label-success count">0</div>

Javascript

function randomIntFromInterval(min,max) {
    return Math.floor(5.5);
}

$(document).ready(function() {
    setInterval(function() {
        $('.count').html(function(i, val) {
            val = val.replace(/,/g,'');
            return (parseFloat(val,10)+randomIntFromInterval(2,30000)).toString().replace(/\B(?=(^-?(?!.{12})\d+(?:\.\d+)?$))/g, ",");
        })
    }, 1000);

});

JSFiddle:https://jsfiddle.net/62vcz9qs/

Answer 1

您只得到 5 而不是 5.5 的原因是因为您专门调用 Math.floor(5.5) ，它返回 5 而不是 5.5 code> 如果删除 Math.floor，您的计数器将会增加 5.5。

以下是 Math.floor 的文档:https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Math/floor