javascript - 如何使用设置的时间间隔递增对象键值

Question

这就是我正在尝试的:我有一个对象，我正在尝试使用 setInterval 将值增加 0.01 和 1

我的对象

 var data = {
  timer: {
        "num": "0.1",
        "perfection": "0",
    }
 }

此处num值必须增加0.1，perfection值必须增加1，如果perfection值达到100，则必须停止使用设置的间隔

var data = {
  timer: {
      "num": "0.0",
      "perfection": "0"
  }
}
var info = [];
var maxValue=101;

setInterval(loop,2000)
    
function loop(){
 for(var i = 0; i < maxValue; i++) {
     data['timer']['perfection'] = i; 
       console.log(data)
  }
}

Answer 1

unable to increment values of the object

原始值是字符串，因此这些(理想情况下)需要是数字才能递增。

var data = {
  timer: {
    "num": 0.0,
    "perfection": 0
  }
}

然后您可以增加

data.timer.perfection += 1

您将遇到的下一个问题是何时停止 setInterval - 这可以通过 clearInterval 使用原始 setInterval 的返回值来完成。

更新的代码:

var data = {
  timer: {
    "num": 0.0,
    "perfection": 0
  }
}

// reduced values for demo purpose
var maxValue = 10;
var intervalId = setInterval(loop, 200) 

function loop() {
  data.timer.num += 0.1
  data.timer.perfection += 1
  if (data.timer.perfection >= maxValue) {
    clearInterval(intervalId);
    console.log(data)
  }
}