JavaScript 小数增量？

Question

我有以下变量 JS:

http://jsfiddle.net/c8u8wLsL/13/

$(document).ready(function () {
    var total = 15.5,
        value = 0,
        elem = $('div');

    var interval = setInterval(function () {
        elem.text(value.toFixed(1) + '$');

        if (value >= total) {
            clearInterval(interval);
        }
        value = value + 0.1;
    }, 5);
});

两个问题:

• 结果数字是 15.6 为什么？
• 如何才能使增量从 0 到目标值花费相同的时间？ (0到25与0到250花费的时间相同)

Answer 1

您忘记退出功能。另外，您应该在检查总数后更新节点的文本。

if (value >= total) {
    return clearInterval(interval);
}
elem.text(value.toFixed(1) + '$');

fiddle http://jsfiddle.net/Lqxsh39q/

要解决第二个问题，您可以在设置之前预先计算每个间隔的持续时间。并像 setInterval 中的第二个参数一样使用它。类似于 duration = 1000/(total * 10); 或您想要的任何公式。

fiddle :http://jsfiddle.net/Lqxsh39q/1/