clearInterval und Stellgröße nicht auf null

Question

Arbeits

Trotz unter supportchatinterval = null; UND clearInterval(supportchatinterval); in meinem Code mit (siehe onBlur() und onFocus()) all 5000ms die Funktion noch getTableSupport.php am gleichen setInterval wird geladen (siehe checkForChangesSupport(). Wenn die Funktion onBlur gesetzt ich mag die setInterval stoppen, bis onFocus wieder aufgerufen wird.

<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

Es gibt keine Pause zu löschen, da das neue Timeout jedes Mal checkForChangesSupport() läuft erstellt wird. So oder so, supportchatinterval nur eine ganze Zahl und kann nicht sei "clea rot".

Um das zu stoppen, könnten Sie ein Flag einführen und überprüfen, ob die Funktion ausgeführt werden soll oder nicht. Außerdem sollten Sie checkForChangesSupport() anrufen, um den Timer erneut zu starten.

<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 in Ihrem Fall hat nichts mit dem Timeout zu tun, die derzeit ausgeführt wird. Alles ist so lange, bis der Code läuft. Was Sie tun müssen, ist die tatsächliche Timeout-ID zu speichern, die generiert wird.

theTimeout = setTimeout(checkForChangesSupport, supportchatinterval); 

und Sie, dass

window.clearTimeout(theTimeout); 

Answer 3

Ich schlage vor, Sie verwenden setInterval, die zu Ihrem Anwendungsfall mehr ausreichend ist.

Dann auf Unschärfe können Sie es löschen.

Ihr Hauptproblem ist, eine Verwechslung zwischen dem Verzögerungs des Intervalls (als Argument angegeben) und seine Griff die zurückgegeben wird, wenn es eingerichtet wird, und dann als Argument verwendet os clearInterval es abzubrechen.

Code:

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

Wenn nicht nur wollen Sie die Intervall-Funktion auf Blur Aufruf zu stoppen, aber auch, wenn die Ergebnisse vorliegen, nur clearInterval es nennen:

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