如何在上一个呼叫中执行相同函数后多次调用功能1秒钟?(JavaScript)

Question

我的问题是一秒钟后如何将函数称为" changearray"？我希望第一个" changearray"在1秒钟后，第二秒钟后的接下来，等等。因此，每个功能都应在执行前一个功能后1秒钟。

var array = [
    [0,0,0],
    [0,0,0],
    [0,0,0]
];
function changeArray(i,j) {
    array[i][j] +=1;
}
changeArray(1,1); //after 1 second
changeArray(1,1); //after 2 seconds
changeArray(0,0); //after 3 seconds
changeArray(0,0); //after 4 seconds
console.log(array);

Answer 1

如果没有关于如何确定要传递到changeArray的参数的规则，则可以尝试以下操作：

function addInterval(func, i) {
    window.setTimeout(function() {
        func();
    }, 1000 * i);
}
addInterval(() => changeArray(1, 1), 1);
addInterval(() => changeArray(1, 1), 2);
addInterval(() => changeArray(0, 0), 3);
addInterval(() => changeArray(0, 0), 4);

Answer 2

您可以使用窗口setTimeout方法。如果您需要更好的语法或在循环中使用它，则可以定义辅助方法bellow：

defer = function(method, seconds, args) {
  var fn = function() {
      return method.apply(null, args);
  }
  return setTimeout(fn, seconds * 1000);
}

并这样使用：

defer(changeArray, 1, [1, 1]);
defer(changeArray, 2, [1, 1]);
defer(changeArray, 3, [0, 0]);
defer(changeArray, 4, [0, 0]);

或在for循环中：

var count = 1;
for(var i = 0; i < array.length; i++) {
    var row = array[i];
    for(var j = 0; j < row.length; j++) {
        defer(changeArray, count, i, j);
        count++;
    }
}

Answer 3

查看setTimeout和setInterval：

setTimeout(() => changeArray(1,1), 1000); //after 1 second

Answer 4

var counter=0
setInterval(function(){
++window.counter;
var a, b;
if (window.counter== /*however many seconds */ ) {
a=//what ever you want for the time passed
b=//what ever you want for the time passed
}
// add more if statements like that for different times
changeArray(a, b);
 }, 1000)