Javascript 动画数字计数器不显示十进制数字

大家早上好

我有一个动画数字计数器，从0计数到指定的数字。但是，如果我输入一个十进制数，即99.99%，它将四舍五入到100%。有没有办法让它计数到给定的数字

如果你需要更多信息，请告诉我

提前谢谢

数字动画面板{ 如果！\u面板{ 回来 } //获取文档语言 const_Document=Document.documentElement； 让lang=_Document.getAttribute'lang'； //抓取所有面板数量节点 const\u PanelAmounts=\u Panel.querySelectorAll.Panel\u amount'； 如果！\u{ 回来 } //在所有面板上循环 对于const\u PanelAmounts of \u PanelAmounts{ //转换为jQuery对象 const$PanelAmount=$\u PanelAmount； //存储在值中的面板金额 常量值=$PanelAmount.data'amount'； //如果没有返回值 如果！value | | value.length<1{ 回来 } //如果不是数字返回 如果是NanValue{ 回来 } //动画。。。。 $PanelAmount.道具“计数器”，0.5动画{ 计数器：值 }, { 持续时间：1000， “线性”， 步骤：现在开始{ $PanelAmount.texthis.Counter.toFixed； } }; } //添加动画类，因为滚动事件会检查它是否存在，如果不存在，则添加它。 _Panel.classList.add'animated'； //JSON结构 统计数字：{ 金额：99.99， 符号：% }, 0您正在使用Math.ceilnow，它将四舍五入到最接近的整数。是否尝试删除它

$PanelAmount.text(now).toLocaleString(lang);

旧的：

新的：

函数启动计数器{ $'.PanelAmount'.eachfunction索引{ 变量大小=$this.text.split.[1]？$this.text.split.[1]。长度：0； $this.prop'Counter'，0.0动画{ 计数器：$this.text }, { 期限：2000年， 放松:"摇摆",， 步骤：立即运行{ $this.textparseFloatnow.toFixedsize； } }; }; } startCounter； .金额{ 字体大小：30px； }

---

99.99这是由于您使用Math.ceil-将其删除。还要注意，ToLocalString实际上并没有执行任何有价值的操作。您的意思是根据ceil调用的结果调用它吗？嘿，Rory。感谢您的回复，如果我删除Math.ceil，则数字会在动画之前跳跃，这是一种奇怪的视觉行为，也就是说为什么我把它保留在里面。你知道是否有一些工作要做吗？很难说，不知道你所说的“跳跃”是什么意思？可能是因为四舍五入，所以现在试试。固定1谢谢你的回答，抱歉我的解释不好。数字在动画制作时似乎只是上下移动-一旦完成，它们就会恢复到正确的位置，when我在toFixed1中添加了int，它给我的是99.0%而不是99.99%？还有什么我需要做的吗，非常感谢。你能在问题的一个片段中添加更多的代码吗？如果不在Action中看到它，很难诊断特定的问题嗨，当我尝试删除它时，动画中的数字会跳来跳去。很难解释ally，当它被删除时是一个视觉问题，但一旦我删除了它，它就工作得很好…嗨，比利，它几乎就在那里了，但现在当我输入99.99它返回98.89时，它没有给出准确的结果，你知道为什么吗-谢谢！嗨，马克。我修改了我的anwser，看看这个运行到这里：精确到小数点。嗨，伙计，谢谢你的reply，有没有办法在上面编辑的已定义函数中实现您的更改

//Panel amount is the animated number

$PanelAmount.prop('Counter', 0).animate({
  Counter: value
}, {
  duration: 1000,
  easing: 'linear',
  step: function(now) {
    $PanelAmount.text(Math.ceil(now)).toLocaleString(lang);
  }
});