小数计数器React + JS

时间:2017-08-16 12:45:21

标签: javascript html css reactjs counter

所以我创建了一个从0到给定数字的计数器,但我有小数问题。我的意思是 - 例如 - 它应该从0到4.5计数,但它在4.1处停止,它从0到5.7(0.1,0.2,0.3 ..... 5.7)计数,但它停在5.1等处,我真的无法弄清楚代码中的错误在哪里。也许有人可以提供帮助?

代码的一部分:

if (!this.valueCount){
      this.value = 0;
      let valueInterval = setInterval(() => {
        if (this.value === this.value1){
          clearInterval(valueInterval);
          this.valueCount = false;
        } else if (this.value < this.value1){
          this.value++;
          this.valueCount = true;
        } else {
          this.value--;
          this.valueCount = true;
        }
        this.value =+ (this.value + 0.1).toFixed(1);
        this.base.querySelector('#value .values').innerHTML = this.value;
      }, 50);

1 个答案:

答案 0 :(得分:1)

您以错误的方式递增value,将其递增0.1,如下所示:

&#13;
&#13;
let value = 0,
    value1 = 4.5;
    
let valueInterval = setInterval(() => {
  if (value === value1) {
    clearInterval(valueInterval);
  } else if (value < value1) {
    value += 0.1;
  } else {
    value -= 0.1;
  }
  
  console.log(value.toFixed(1));
}, 500);
&#13;
&#13;
&#13;