如何动态重新配置 setTimeout

Question

我想知道是否有一种方法可以将 setTimeout 函数动态设置为不同的超时。

因此，例如，我每 1 秒检查一次，但如果在 10 秒内没有得到预期结果，我想“重新配置”此 setTimeout 以等待 3 秒而不是 1 秒。

这是我的代码：

var br = 0;
var waitInterval = 1000;
var sleepInterval = 2000;

var waitForNewRace = setInterval(
function checkForNewRace(){
    if ( $("#data").html() == "1"){        
        $("#res").html("got it!");
    }
    else{
        $("#counter").html(br);
        if (br++ > 9)
            waitInterval = 3000;            
    }                   

    $("#tst").html(waitInterval);
},
waitInterval
); 

如果您想看看这里是 jsfiddle 上提到的代码： http://jsfiddle.net/Hitman666/Vyczj/2/

Answer 1

您必须停止间隔并重新开始。请参阅 jsfiddle 的此分支。

编辑：我已经在这里复制了您的代码，以防您的 jsfiddle 代码发生问题：

var br = 0;
var waitInterval = 1000;
var sleepInterval = 2000;


function checkForNewRace(){
    if ( $("#data").html() == "1"){        
        $("#res").html("got it!");
    }
    else{
        $("#counter").html(br);
        if (br++ > 5){
            clearInterval(waitForNewRace);
            waitInterval += 1000;
            if (waitInterval > 10000)
                waitInterval = 10000;

            waitForNewRace = setInterval(
                 checkForNewRace,
                 waitInterval
            );  
        }
    }                   
    $("#tst").html(waitInterval);
}

var waitForNewRace = setInterval(
    checkForNewRace,
    waitInterval
);         

Answer 2

我认为这会做你想要的：

var br = 0;

var waitForNewRace = setInterval(function(){
        checkForNewRace();
        if(++br == 9){
            clearInterval(waitForNewRace);
            setInterval(checkForNewRace, 3000);
        }
    }, 1000); 

function checkForNewRace(){
    if($("#data").html() == "1"){   
        $("#res").html("got it!");
        clearInterval(waitForNewRace);
    }else
        $("#counter").html(br);
    $("#tst").html(waitInterval);
}

Answer 3

您可以使用clearInterval：

var br = 0;
var waitInterval = 1000;
var sleepInterval = 2000;

var waitForNewRace = setInterval(checkForNewRace,
    waitInterval
);    




function checkForNewRace(){
    console.log(waitForNewRace);
    if ( $("#data").html() == "1"){        
        $("#res").html("got it!");
    }
    else{
        $("#counter").html(br);
        if (br++ > 9){
            waitInterval = 3000;            
            clearInterval(waitForNewRace);
            br = 0;


               waitForNewRace = setInterval(checkForNewRace,
    waitInterval
);         
            }
        }                   
    $("#tst").html(waitInterval);
}

fiddle：http://jsfiddle.net/Vyczj/5/

Answer 4

另一种方法是，只需在您自己的代码中添加两行：

var br = 0;
var waitInterval = 1000;
var sleepInterval = 2000;

var waitForNewRace = setInterval(
function checkForNewRace(){
    if ( $("#data").html() == "1"){        
        $("#res").html("got it!");
    }
    else{
        $("#counter").html(br);
        if (br++ > 9){
            clearInterval(waitForNewRace);
            waitInterval = 3000;          
            waitForNewRace=setInterval(checkForNewRace,waitInterval);  
        }
    }                   

     $("#tst").html(waitInterval);
   },
   waitInterval
);