clearTimeoutはletとconstで動作しますか？

Question

私はそれが動作するように見えることはできません。

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

タイムアウトがまだでも、それはあなたが真として渡されたストップで再びそれを呼び出した後、一度メソッドを呼び出しているどのように聞こえるかからtrue

Answer 1

としてstopブール値を通過した後、6秒後にクリックします。その場合には、メソッドを呼び出すときには、openContactFormがもう一度定義されます。反応コンポーネントにいる場合にこれを行う方法の1つは、タイマーをコンポーネントのプロパティとして設定することです。

あなたはES6クラスを行っている場合は、コンストラクタで、最初はそれを定義することができ

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

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

} 

あなたのタグが間違っているとreactjsを使用していない場合は、あなただけそのように、それのトップレベルのスコープでタイマーを定義する必要がありますその関数を呼び出すたびに書き換えられていないため、タイマーIDが変更され、元のタイマーは停止しません。