てclearIntervalと下の私のコードで<code>supportchatinterval = null;</code>と<code>clearInterval(supportchatinterval);</code>を持つにもかかわらず

Question

を働いていないnullに変数を設定（onBlur()とonFocus()を参照）関数は、まだcheckForChangesSupport()を参照してください（同じのsetIntervalでgetTableSupport.phpをロードしています。機能onBlurイベントが設定されている場合は、すべての5000ms私はonFocusが再び呼び出されるまで、いずれかの方法は、supportchatintervalがちょうど整数である。

<script> 

supportchatinterval = 5000; 

$(document).ready(function(){ 
    checkForChangesSupport(); 
    setTimeout(checkForChangesSupport, supportchatinterval); 
}); 

function checkForChangesSupport() { 
    $.get("getCountSupport.php", function(response) { 
     if(response == 1) { 
     refreshTableSupport(); 
     } 
setTimeout(checkForChangesSupport, supportchatinterval) 
    }); 
} 

function refreshTableSupport(){ 
    $('#tableHolderSupport').load('getTableSupport.php'); 
} 

</script> 

<script type="text/javascript"> 

function onBlur(){ 
document.body.className = 'blurred'; 
$.get("afk.php?afk=1"); 
supportchatinterval = null; 
clearInterval(supportchatinterval); 
}; 

function onFocus() { 
document.body.className = 'focused'; 
$.get("afk.php?afk=0"); 
    supportchatinterval = 5000; 
refreshTableSupport(); 
} 

</script> 

Answer 1

新しいタイムアウトがたびcheckForChangesSupport()ランを作成しているので、クリアする一切の間隔は、ありません。のsetIntervalを停止することができず、 "クリアする"赤"。

これを防ぐには、フラグを導入して、関数を実行するかどうかをチェックします。また、checkForChangesSupport()に電話して、タイマーをもう一度開始する必要があります。

<script> 

supportchatinterval = 5000; 
var flag = 1; 

$(document).ready(function(){ 
    checkForChangesSupport(); 
    setTimeout(checkForChangesSupport, supportchatinterval); 
}); 

function checkForChangesSupport() { 
    if(flag){ 
     $.get("getCountSupport.php", function(response) { 
     if(response == 1) { 
      refreshTableSupport(); 
     } 
     setTimeout(checkForChangesSupport, supportchatinterval) 
     }); 
    } 
} 

function refreshTableSupport(){ 
    $('#tableHolderSupport').load('getTableSupport.php'); 
} 

</script> 

<script type="text/javascript"> 

function onBlur(){ 
document.body.className = 'blurred'; 
$.get("afk.php?afk=1"); 
flag = 0; 
}; 

function onFocus() { 
document.body.className = 'focused'; 
$.get("afk.php?afk=0"); 
flag = 1; 
checkForChangesSupport(); 
} 

</script> 

Answer 2

supportchatintervalあなたのケースでは、現在実行中のタイムアウトとは関係ありません。コードが実行されるまでの時間はすべてです。あなたがする必要があるのは、生成された実際のタイムアウトIDを保存することです。

theTimeout = setTimeout(checkForChangesSupport, supportchatinterval); 

、あなたはその

window.clearTimeout(theTimeout); 

Answer 3

を使用し、私はあなたのユースケースに、より適切である、setIntervalを使用することをお勧め。

次に、ぼかしでクリアできます。

あなたの主な問題は、それが設定されているときに返され、それをキャンセルするために引数OS clearIntervalとして使用されている区間（引数として与えられた）とそのハンドルの遅延間の混乱です。

コード：

// This is a delay between function calls, in milliseconds 
    supportchatinterval = 5000; 
    // This will be the handle returned by setInterval, which be usefull to cancel 
    // it later 
    intervalid = null; 

    $(document).ready(function(){ 
     checkForChangesSupport(); 
     intervalid = setInterval(checkForChangesSupport, supportchatinterval); 
    }); 

    function checkForChangesSupport() { 
     $.get("getCountSupport.php", function(response) { 
      if (response == 1) { 
       refreshTableSupport(); 
      } 
     }); 
    } 

    function refreshTableSupport(){ 
     $('#tableHolderSupport').load('getTableSupport.php'); 
    } 

    function onBlur(){ 
     document.body.className = 'blurred'; 
     $.get("afk.php?afk=1"); 
     clearInterval(intervalid); 
    }; 

    function onFocus() { 
     document.body.className = 'focused'; 
     $.get("afk.php?afk=0"); 
     refreshTableSupport(); 
    } 

あなたはぼかしのインターバル機能を呼び出しを停止したいのですが、結果が存在する場合にも、ちょうどそこclearIntervalを呼び出さない場合にのみ：

function checkForChangesSupport() { 
     $.get("getCountSupport.php", function(response) { 
      if (response == 1) { 
       refreshTableSupport(); 
       clearInterval(intervalid); 
      } 
     }); 
    }