如何在循環中使用setInterval（）

請在下面找到我的代碼。如何在循環中使用setInterval（）

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

我想執行中的setInterval代碼之前，我的價值從0到1，但目前對於僅環，結果收到了執行中的setInterval方法的代碼全部執行後的變化。有什麼辦法可以達到我的要求嗎？裏面

來源

2016-12-02 Sanjith

@Rajesh感謝您的評論。但是我想在for循環中進一步增加i值之前執行setInterval方法內的代碼。 – Sanjith

對我的誤解表示歉意。 – Rajesh

這可能有所幫助：http://stackoverflow.com/questions/13583280/javascript-execute-async-function-one-by-one – Rajesh

使用封閉的for循環：

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

希望這能解決你的問題

來源

2016-12-02 07:30:16 pareshm

它可以幫助我很多。但我想保持相同的「我」值，直到調用clearInterval（）方法。可能嗎？ – Sanjith

當你想調用clearinterval – pareshm

異步循環，你需要：

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

來源

2016-12-02 07:38:52 ixpl0

您應該使用遞歸這樣的要求。此外，您應該使用setTimeout，因爲setInterval將運行永恆（，直到頁面存在），直到您清除它。

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()

來源

2016-12-02 07:44:44 Rajesh

如何在循環中使用setInterval（）

回答

相關問題