Wie verwenden Sie setInterval() innerhalb für Schleife

Question

Finden Sie meinen Code unten.

for (i= 0; i < region.length; i++) { 
 
        point = region[i]; 
 
        animation = setInterval(function() { 
 
        .......... 
 
        }, 12); 
 
       }

Ich möchte die Codes in setInterval auszuführen, bevor ich von 0 auf 1. Wert, aber zur Zeit schließlich der Ausführung nur für Schleife wird Codes in der setInterval Methode ausgeführt zu werden. Gibt es einen Weg, meine Anforderung zu erfüllen?

Answer 1

Verwendung Verschluss nach innen für Schleife:

(function(i) { 
    setInterval(function() { 
    console.log("inside setinterval" + i) 
    }, 10); 
})(i) 

Hoffnung dies Ihr Problem löst

Answer 2

Async Schleife benötigen Sie:

var len = region.length; 
var i = 0; 
var animate = function(){ 
    setTimeout(function() { 
     point = region[i]; 
     //do something.......... 
     if (i++ < len) animate(); 
    }, 12); 
}; 

Answer 3

Sie sollten Rekursion für diese Anforderungen verwendet werden. Außerdem sollten Sie setTimeout verwenden, da setInterval für die Ewigkeit laufen wird (bis Seite besteht), bis Sie es löschen.

var i = 0; 
 
var MAX_COUNT = 10; 
 
function doSomething(str){ 
 
    console.log(str); 
 
    processData(); 
 
} 
 

 
function initSetTimeout(callback){ 
 
    setTimeout(callback, 1000) 
 
} 
 

 
function processData(){ 
 
    if(++i<MAX_COUNT) 
 
    initSetTimeout(doSomething.bind(null, i)) 
 
} 
 
processData()