funktioniert clearTimeout mit Let und Const?

Question

Ich kann nicht scheinen, es zur Arbeit zu bringen.

openContactUsForm(stop: Boolean = false) { 
    let openContactForm = setTimeout(() => { 
    $('#myButton').click(); 
    }, 6000); 
    if (stop) { 
    clearTimeout(openContactForm); 
    $('#myButton').click(); 
    } 
} 

Der Timeout klickt noch nach 6 Sekunden auch nach dem stop boolean als true

Answer 1

Von vorbei, wie es sich anhört Sie die Methode einmal anrufen, dann wieder mit dem Anschlag in als wahr geben aufrufen. In diesem Fall wird beide Male, wenn Sie die Methode aufrufen, die openContactForm erneut definiert. Eine Möglichkeit, dies zu tun, wenn Sie sich in einer Reaktionskomponente befinden, besteht darin, den Zeitgeber als Eigenschaft für die Komponente festzulegen.

Wenn Sie ES6 Klassen tun Sie es zunächst im Konstruktor definieren

constructor() { 
    super() 
    this.timer = null; 
} 

openContactUsForm(stop: Boolean = false) { 
if (stop) { 
    clearTimeout(this.timer); 
    $('#myButton').click(); 
    return; 
    } 
    this.timer = setTimeout(() => { 
    $('#myButton').click(); 
    }, 6000); 

} 

wenn Ihre Tags falsch sind und nicht reactjs verwenden, müssen Sie nur den Timer in der obersten Ebene Umfang es auf diese Weise definieren, wird nicht jedes Mal neu geschrieben, wenn Sie diese Funktion aufrufen, wodurch sich die Timer-ID ändert und der ursprüngliche Timer nicht gestoppt wird.