即座にsetTimeoutを再設定する方法

Question

setTimeout関数を別のタイムアウトに設定する方法があるかどうかは疑問でした。

そうで、例えば私は1秒ごとに何かをチェックし、私は10秒などに期待される結果を得ることはありません場合、私は、このsetTimeoutを「再構成」するためにここに代わり1

の3秒を待ちたいです私のコードは次のとおりです。

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のthis forkを参照してください。

編集：私は何かがあなたの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); 
} 

フィドル：http://jsfiddle.net/Vyczj/5/

Answer 4

代替をあなた自身のコードに2行追加するだけでよい：

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