Javascript for loop (Как заставить его повторяться навсегда)

Question

У меня есть цикл for, который работает, но когда он закончен, я хочу, чтобы он начал снова и повторил этот процесс!

for (var i = 0; i != 3; i = i + 1) { 
    (function(index) { 
     setTimeout(function() { 
      document.getElementById(location[index]).style.background = color[index];    
     }, 1000 * index); 
     })(i); 
} 

Answer 1

Вы не хотите использовать какую-либо циклическую структуру, как for или while. Вместо этого просто создайте функцию, которая вызывается с индексом для ее запуска, а затем внутри обратного вызова, она увеличивает индекс и рекурсивно вызывает ту же функцию. когда индекс достигнет 3, установите его обратно до 0 перед рекурсивным вызовом.

function cycle(index) { 
    setTimeout(function() { 
     document.getElementById(location[index]).style.background = color[index]; 

     index++; // Increment the index 

     if (index >= 3) { 
      index = 0; // Set it back to `0` when it reaches `3` 
     } 

     cycle(index); // recursively call `cycle()` 

     //cycle(++index % 3); 
    }, 1000); 
} 

cycle(0); 

используется оператор % быстрый способ, чтобы убедиться, что он получает набор обратно 0 на рекурсивном вызове.

Answer 2

вы можете использовать второй для цикла. во втором цикле напишите, сколько раз вы хотите повторить первый цикл. Также вы можете использовать цикл while.

Answer 3

Вставить начальный цикл цикла в другой цикл, чтобы цикл повторялся определенное количество времени.

Например (если число является number раз вы хотите, чтобы ваш цикл повторить):

for (var i = 0; i < number; i++) { 
    for (var i = 0; i != 3; i = i + 1) { 
    (function(index) { 
     setTimeout(function() { 
     document.getElementById(location[index]).style.background = color[index];    
     }, 1000 * index); 
    })(i); 
    }  
}