javascript - 尝试设置动画时返回错误值 "Counter"

标签 javascript jquery css-counter

每次 API 中的数据发生更改时,我都会使用以下方法,使用“计数器”动画对从 API 获取的一些值进行动画处理:

$('.count').each(function() {
  var $this = $(this);
  jQuery({
    Counter: 0
  }).animate({
    Counter: $this.text()
  }, {
    duration: 1000,
    easing: 'swing',
    step: function() {
      $this.text(this.Counter.toFixed(2));
    }
  });
});

问题是下面问题中API给出的原始值是396718.760,所以格式化应该是396718.76。尽管如此,使用上述函数为其设置动画每次都会返回不同的值。

Example of my issue

那么如何通过返回正确的值来修复它?

最佳答案

step: function (now) {
                $this.text(Math.ceil(now));
}

关于javascript - 尝试设置动画时返回错误值 "Counter",我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/59086963/

相关文章:

javascript - Conways 生命游戏算法无法正常工作

html - 如何使用CSS中的类对问题进行编号

javascript - 配置 grunt 复制任务以排除文件/文件夹

javascript - 链接到 iOS Safari 的共享菜单

javascript - Firebase Firestore where() 查询找不到文档

list - 具有多个计数器的 CSS 列表计数不正确

css - 使用第 n 种类型的计数器

javascript - 如何在 JavaScript 上访问 "this"的父级?

jquery - 如何限制选择列表 - 在 KnockoutJS 中只选择一个元素

javascript - 通过滚动事件放大/缩小图片