Reset Timeout des gleichen Timers in einer for-Schleife in Javascript

Question

Ich vermute, dass dies ein Duplikat wegen der einfachen Natur der Frage sein könnte, aber ich konnte keine Antwort finden.

Ich stelle eine Timeout-Funktion in einer Foor-Schleife ein, wenn eine bestimmte Bedingung zutrifft. Da ich das Timeout nicht innerhalb der Schleife deklarieren möchte, habe ich eine setTimeout-Funktion geschrieben, um es außerhalb zu setzen. Ich möchte nur einen Timer verwenden, der zurückgesetzt wird, wenn er bereits läuft, andernfalls sollte der Timer das erste Mal eingestellt werden. Mein Problem ist, dass die Funktion mehrere Timer setzt, obwohl ich eine clearTimeout() verwende.

Mein Code:

var timeout_id; 
    var things = [true, true, false, true, true]; 

    var setTimer = function(timer_id, duration) { 
     console.log("timer_id: ", timer_id); 
     // clear timeout of the given Id 
     clearTimeout(timer_id); 
     timer_id = setTimeout(function() { 
      // reset flag 
      console.log("Timer timed out"); 
     }, duration); 
     console.log("timer_id: ", timer_id); 
    }; 

    for (var i = things.length - 1; i >= 0; i--) { 
     if (things[i]) { 
      setTimer(timeout_id, 900); 
      console.log("Timer set because value of : " + i + " = ", things[i]); 
     } 
    } 

Was ich in der Konsole ist:

timer_id: undefined 
timer_id: 1 
Timer set because value of : 4 = true 
timer_id: undefined 
timer_id: 2 
Timer set because value of : 3 = true 
timer_id: undefined 
timer_id: 3 
Timer set because value of : 1 = true 
timer_id: undefined 
timer_id: 4 
Timer set because value of : 0 = true 
timer timed out 
timer timed out 
timer timed out 
timer timed out 

Ich verstehe nicht, warum meine timer_id jedes Mal erhöht wird.

Ich gebe die ID und setzen Sie den Timer von ihm. Danach setze ich einen Timer auf die gleiche ID, oder? Wird der Verweis auf die Variable var timeout_id nicht angegeben und ändert er sich innerhalb der setTimer-Funktion?

Danke für die Hilfe.

Answer 1

Ihre setTimer Funktion ändern:

var timer_ids = {}; 

var setTimer = function(timer_id, duration) { 
    console.log("timer_id: ", timer_id); 
    // clear timeout of the given Id 
    clearTimeout(timer_ids[timer_id]); 
    timer_ids[timer_id]= setTimeout(function() { 
     // reset flag 
     console.log("Timer timed out"); 
    }, duration); 
    console.log("timer_id: ", timer_id); 
}; 

Answer 2

Nun, ich fand kurz darauf eine Lösung. Durch die timeout_id Rückkehr und die Funktion auf der timeout_id Variable laufen bekomme ich nur ein Timer läuft:

var timeout_id; 
    var things = [true, true, false, true, true]; 

    var setTimer = function(timer_id, duration) { 
     console.log("timer_id: ", timer_id); 
     // clear timeout of the given Id 
     clearTimeout(timer_id); 
     timer_id = setTimeout(function() { 
      // reset flag 
      console.log("Timer timed out"); 
     }, duration); 
     console.log("timer_id: ", timer_id); 
     return timer_id; 
    }; 

    for (var i = things.length - 1; i >= 0; i--) { 
     if (things[i]) { 
      timeout_id = setTimer(timeout_id, 900); 
      console.log("Timer set because value of : " + i + " = ", things[i]); 
     } 
    } 

Welche abmeldet:

timer_id: undefined 
timer_id: 1 
Timer set because value of : 4 = true 
timer_id: 1 
timer_id: 2 
Timer set because value of : 3 = true 
timer_id: 2 
timer_id: 3 
Timer set because value of : 1 = true 
timer_id: 3 
timer_id: 4 
Timer set because value of : 0 = true 
Timer timed out 

Sie sehen. Nur ein Timer endet nach 900ms.

Answer 3

Frage:

Ich verstehe nicht, warum meine timer_id jedes Mal erhöht wird.

Ich gebe die ID und setzen Sie den Timer von ihm. Danach setze ich einen Timer auf die gleiche Id, nicht wahr?

Ist die Referenz auf die Variable timeout_id nicht angegeben und ändert sie innerhalb der setTimer-Funktion?

Antwort:

Der Grund für die zu dem, was passiert ist, dass Sie eine primitive Anzahl Variable vom Typ sind vorbei.

Primitive Variablen werden als Wert und nicht als Referenz übergeben.

Also in dieser Zeile ...jedes Mal übergeben wird (nicht die Bezugnahme auf timeout_id)

und in dieser Linie

setTimer(timeout_id, 900); 

... der Wert undefiniert ist ...

timer_id = setTimeout(function() { 

... timer_id nicht ist einen Verweis auf timeout_id halten, wie Sie wahrscheinlich erwarten.

Also, was in Ihrem setTimer los ist() Funktion:

Die ersten console.log Ausgänge undefined, weil das ist, was als Parameter übergeben wird.

Die zweite console.log gibt jedes Mal eine inkrementierte ID aus, da dies die Funktion setTimeout() ist, die mit jedem Aufruf zurückgegeben wird.

Der Grund, warum setTimeOut() eine inkrementierte eindeutige Ganzzahl-ID zurückgibt, ist, dass Sie diese ID in einer Variablen halten können, so können Sie diese in Zukunft nutzen können, dass Timeout löschen mit clearTimeout(id)

Here is a nice explanation of 'Passing by Value or by Reference'