javascript - 将计数 javascript 程序设置为小数点后两位

Question

请参阅此代码:

<script>
setInterval(function () {
    var counters = document.getElementsByClassName("count");

    for(var i = 0 ; i < counters.length ; i++) {
        counters[i].innerHTML = parseInt(counters[i].innerHTML) + parseInt(counters[i].dataset.increment);
    }
}, 1000);
</script>

它的作用是获取一段 html，如下所示:

<div class="count" data-increment="10">10</div>

每秒会以 10 计数。如何使以下代码工作:

<div class="count" data-increment="10.02">10.02</div>

基本上，我想让这个程序最多保留两位小数。

Answer 1

使用parseFloat而不是parseInt。 toFixed(2) 用于限制两位小数。

setInterval(function() {
    var counters = document.getElementsByClassName("count");

    for (var i = 0; i < counters.length; i++) {
        counters[i].innerHTML = parseFloat(counters[i].innerHTML).toFixed(2) + parseFloat(counters[i].dataset.increment).toFixed(2);
    }
}, 1000);