如何使用setInterval多次調用我的函數？

Question

我試圖做一個for循環10次，我寫了setInterval再次調用我的函數，但它不工作。我的for循環只有十個。那我該怎麼辦？

function randomThumbNews() { 
     for(var i=0;i<10;i++){ 
     $.ajax({ 
      type: "get", url: "Home/Oku", data: {}, 
      success: function (data) { 
       $("#thumbNews_" + i).html(data); 
      } 
     }); 
     } 
    } 
setInterval(randomThumbNews, 3000); 

Answer 1

問題是這樣的 - 當

function (data) { 
    $("#thumbNews_" + i).html(data); 
} 

，稱作循環已經finshed所以i將永遠是10

你只會看到結果張貼到您<div>之一s

這將修復它，因爲功能參數沒有關閉：

function ajaxAndSet(counter) 
{ 
    $.ajax({ 
      type: "get", 
      url: "Home/Oku", 
      data: {}, 
      success: function (data) 
      { 
       $("#thumbNews_" + counter).html(data); 
      } 
     }); 
) 

function randomThumbNews() 
{ 
    for(var i=0;i<10;i++) 
    { 
     ajaxAndSet(i); 
    } 
} 

setInterval(randomThumbNews, 3000); 

Answer 2

試着這麼做：

$.ajax({ 
    type: "get", url: "Home/Oku", data: {}, 
    context: i, /* NEW - this value comes to your success callback as 'this' */ 
    success: function (data) { 
     $("#thumbNews_" + this).html(data); 
    } 
});