setTimeout 未执行 [关闭]

Question

我的 setTimeout 函数不想工作。我没有收到任何警报，所以我假设我做了一些非常愚蠢的事情。

var timeout = 1000;
for(k=0;k<pages.length;k++)
{
    randomnumber=Math.floor(Math.random()*pages[k].length);
    setTimeout(function() {
        $.ajax({
            type: 'GET',
            url: pages[k][randomnumber],
            success: function(data) {
                alert(data);
                if(data.indexOf('VIDEO_LENGTH') > 0)
                {
                    timeouttext = data.substr(data.indexOf('VIDEO_LENGTH')+12);
                    timeouttext = timeouttext.substr(timeouttext.indexOf('.'));
                    timeout = parseInt(timeouttext);
                    alert(timeout);
                }
                else
                    timeout = 1000;
                $('#loader').hide('fast','fade');
                $('#information').html(data);
                $('#information').show('fast','fade');
            }
        })
    },timeout);
    alert("PAGE " + k + " RandomNumber " + randomnumber + " : " + pages[k][randomnumber]);
    if(k==3) {
        k = 0;
    }
}

谁能帮帮我。

Answer 1

编辑：好的跟随错误：

调用页面 url 时的 var k 与预期不符。所以试试：

{
    randomnumber=Math.floor(Math.random()*pages[k].length);
    var selectedIndex = k; // store current k
    setTimeout(function() {

    $.ajax({
        type: 'GET',
        url: pages[selectedIndex][randomnumber], // use stored k
 ...

Answer 2

当您使用 FireBug 或 CHrome 的开发人员工具调试代码时，您会看到您的 Ajax 请求吗？

在我看来，您从来没有参加过每个请求的“成功”事件。由于您的 Ajax 请求中没有“错误”事件，因此您永远不会看到任何反馈。

Answer 3

您的 setTimeout 是正确的。进一步检查错误：

1. 在控制台中检查您的请求是否正在发送。

2. 添加 error: function(){} 或 complete:function(){} 块以记录请求的状态，以查看您的服务器端是否破坏了您的代码。

编辑：（我建议你不要使用简写if，它很容易出错。

Answer 4

试试这个（更新）fiddle here。

var funfacts= ['URL1','URL2','URL3'];
var multimedia= ['URL4','URL5'];
var employees = ['URL6','URL7','URL8','URL9','URL10'];
var information = ['URL11','URL12','URL13'];

var pages = [funfacts, multimedia, employees, information];
var timeout=1000;
var t=0;
for(i=0;i<pages.length;i++)
{
    (function(value){
        for(j=0;j<pages[value].length;j++)
        {
            t++;
            (function(iv, ij){
                var tmo = timeout*t;
                setTimeout(function(){
                    callAjax(iv, ij);
                }, tmo);

            })(value, j); 
        }

    })(i);             
}

function callAjax(i, j)
{
    $.ajax({
        type: 'GET',
        url: pages[i][j],
        success: function(data) {    
            if(data.indexOf('VIDEO_LENGTH') > 0) // indexOf should be checked if(var.indexOf('sometext')!=-1)
            {
                // your code
            }
            else
            {
                // your code
            }
        }
    });
}

​如果其他一切都很好，那么它应该可以工作。

您还可以阅读 SO 上的 this 和 this。