3

我有一个数组,其中存储了多个延迟:myArray[8000,4000,3000,6000,5000]. 我需要setTimeout/setInterval来运行每个延迟,然后执行一段特定的代码。例如:

myArray[0]=8000;
myArray[1]=4000;
myArray[2]=3000;
myArray[3]=6000;
myArray[4]=5000;

for(var k=0;k<5;k++)
{
    setTimeout(function() {

console.log("CODE TO BE EXECUTED");

    }, diffArray[k]);
}

所以最终的结果是等待 12 秒运行代码,等待 4 秒运行代码,等待 3 秒运行代码,等待 6 秒运行代码,然后等待 5 秒运行代码。当前代码同时运行它们。

我知道这很可能需要通过递归来完成,我已经尝试了一些事情来让它工作,但没有运气。我让它以一种方式工作,但不幸的是它锁定了 UI 线程,我需要在运行时在 UI 中执行其他操作。对此的任何帮助将不胜感激!

4

3 回答 3

4

按顺序运行 setTimeout。您正在同时运行所有 setTimeout 。

myArray[0]=8000;
myArray[1]=4000;
myArray[2]=3000;
myArray[3]=6000;
myArray[4]=5000;
var k =0;
    function repeat(){
       if(k == myArray.length) return;
      setTimeout(function() {
              repeat();
              console.log("CODE TO BE EXECUTED");

      }, myArray[k]);
     k++;
  }
于 2012-11-10T20:24:14.403 回答
0

您应该创建另一个函数,以便每次都复制 k 变量,因为 setTimeout 是异步操作:

var func = function(k)
{
  setTimeout(function() {
    console.log("CODE TO BE EXECUTED");
    }, diffArray[k]);
}

for(var k=0;k<5;k++)
{
  func(k)
}
于 2012-11-10T20:23:20.777 回答
0

您提到 12 秒,但没有那么大的值。如果您希望代码运行 8 秒、12 秒、15 秒、21 秒和 26 秒,那么:

var delay =0;
for(var k=0;k<5;k++){
   delay+=myArray[k];
   setTimeout(function() {
      console.log("CODE TO BE EXECUTED");
   }, delay);
}
于 2012-11-10T22:23:51.540 回答