简单的小数百分比加载器

Question

我试图实现一个简单的百分比加载器，但是对于某些目标值，它提供的错误！

一些正确的值设置方案：

• target = 92.4，然后增量函数将元素文本设置为92.4％
• target = 91.7，然后增量函数将元素文本设置为90.8

某些错误的值设置方案：

• target = 90，然后增量函数将元素文本设置为89.1％
• target = 91.7，然后增量函数将元素文本设置为90.8％
• target = 100，然后增量函数将元素文本设置为99.0％

我的目标是获取目标中设置的正确增量值作为最终结果！

<div class="progress" />
function incrementLoader(target) {
        var value = 0,
        ment = parseFloat(target - value) / 100,
        elem = document.querySelector(".progress");

      var interval = setInterval(function() {
        if (value >= parseFloat(target)) {
          return clearInterval(interval);
        }
        elem.textContent = `${parseFloat(value).toFixed(1)}%`;
        value = Math.fround(parseFloat(value + ment) * 100) / 100;
      }, 20);
}

incrementLoader(92.4);

Answer 1

在显示目标值后检查是否达到目标值。