如何使用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); 
    } 
});