如何在所有Ajax調用完成後停止setInterval？

Question

這工作正常，但我試圖找到一個很好的解決方案，當所有響應已通過Ajax從數據庫中提取時，阻止Javascript setInterval。

For循環內for循環可以工作，我想？！

HTML：

<!-- code is simplefied, problem is not about syntax, but the way to do it. --> 

SELECT id FROM database WHERE x=y 

$rows = countrows(); //know how much different output there is 

for(i=1; i <= rows; i++) // Show div everytime there's a response 
{ 
$data-> fetch(); 

<div id="<?php echo "div" . $i;?>"> 
    <?php echo 'id' . $data['id']; ?> 
</div> 
} 

比方說，我們從數據庫3層的反應，我們有3個div s的3角不同的id秒。

使用Javascript：

setInterval(getResponse(), 1000); //execute function every second 

getResponse() 
{ 

    for(i=1; i <= $rows; i++) 
    { 
    //Here is the problem 
    //Stop getResponse function execution when all responses has been taken 
    if(response[i] && reponse[i] && ...) 
    { 
     //Stop function 
    } 

    //Select id . $data['id'] WHERE div . $i = i; 
    // GET VARIABLE FROM DATABASE WHERE ID = 'id' . $data['id']; 
    if(response) 
    { 
     //INSERT THIS VARIABLE IN THE RIGHT DIV. 
     $response[i] = true; 
    } 
    } 
} 

Answer 1

保存間隔識別到可存取對象或變量：

window.responseLoopInterval = window.setInterval(getResponse(), 1000); 

然後使用window.clearInterval() + return防止功能執行

// somewhere in getResponse() function 
if(... stop condition ...){ 
    window.clearInterval(window.responseLoopInterval); // remove interval loop 
    return; // prevent further function execution 
}