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

被称为循环已经结束，因此i将始终为 10。

您只会看到发布到您<div>的其中一个的结果

这将解决它，因为函数参数没有闭包：

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);
    }
});