如何在前一次调用中执行相同的功能后多次调用一次函数？ （JavaScript的）

Question

我的问题是如何在一秒后调用函数“changeArray”？我希望第一个“changeArray”在1秒后被调用，下一个在2秒后被调用，依此类推。因此，在执行上一个函数后，应该在1秒后调用每个函数。

<p>Checked</p>
<div class="checked"></div>
<p>Not Checked</p>
<div class="notChecked"></div>

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

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

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)