Ich kann das Intervall nicht löschen

Question

Ich habe ein Problem mit dem Intervall, das ich nicht nach dem Aufruf der Funktion mit einem Wert löschen kann.

Das Intervall erhöht weiterhin die Anzahl und gibt den Prozentsatz der Breite zurück.

Hier mein Code:

function loadingClient(data) { 

    var loadingClientDiv = document.getElementById('loadingClient'); 
    var percentageLoading = document.getElementsByClassName('percentageLoading'); 
    var charge = 1; 
    var intervalLoadingClient = setInterval(barCharge, 1000); 

    function barCharge() { 
     if (charge >= 76) { 
      clearInterval(intervalLoadingClient); 
     } else { 
      ++charge; 
      $(percentageLoading).css("width", charge + "%"); 
     } 
    } 

    if (data === "100") { 
     clearInterval(intervalLoadingClient); 
     $(percentageLoading).css("width", "100%"); 
     setTimeout(closeLoadingClient, 5000); 
     setTimeout(removeLoadingClient, 7000); 

     function closeLoadingClient() { 
      $(loadingClientDiv).hide("fade", 1000); 
     } 

     function removeLoadingClient() { 
      $(loadingClientDiv).remove(); 
     } 
    } 

} 

loadingClient(); 

Answer 1

@hudolfhess ist richtig, Sie müssen clearInterval anstelle von clearTimeout verwenden. Auch

,

Wenn Sie versuchen, so etwas wie dieses wird es nicht zu tun.

loadingClient() //Should start the interval. 
 
loadingClient("100") //Should clear the interval, but doesn't.

Sie versuchen zu tun? Wenn dies der Fall ist, müssen Sie intervalLoadingClient außerhalb des Geltungsbereichs deaktivieren und eine erneute Deklaration der Variablen vermeiden, wenn Sie die Methode mit Parametern aufrufen.

var intervalLoadingClient; 
 
function loadingClient(data) { 
 

 
    var loadingClientDiv = document.getElementById('loadingClient'); 
 
    var percentageLoading = document.getElementsByClassName('percentageLoading'); 
 
    var charge = 1; 
 
    intervalLoadingClient = intervalLoadingClient || setInterval(barCharge, 1000); 
 

 
    function barCharge() { 
 
     if (charge >= 76) { 
 
      clearInterval(intervalLoadingClient); 
 
     } else { 
 
      ++charge; 
 
      $(percentageLoading).css("width", charge + "%"); 
 
     } 
 
    } 
 

 
    if (data === "100") { 
 
     clearInterval(intervalLoadingClient); 
 
     $(percentageLoading).css("width", "100%"); 
 
     setTimeout(closeLoadingClient, 5000); 
 
     setTimeout(removeLoadingClient, 7000); 
 

 
     function closeLoadingClient() { 
 
      $(loadingClientDiv).hide("fade", 1000); 
 
     } 
 

 
     function removeLoadingClient() { 
 
      $(loadingClientDiv).remove(); 
 
     } 
 
    } 
 

 
} 
 

 
loadingClient(); //Starts the interval 
 
loadingClient("100"); //Ends the interval.

Answer 2

Versuchen clearInterval statt clearTimeout verwenden.