Angualr4、3回のログイン試行を待ってから

Question

私はAngular4でログインフォームを作成しています。 3つの無効な資格情報を入力した後、30秒待機（ボタンを無効にする）を実行したいと思います。次の3回の無効な試行の後、待機時間は2倍、60秒、120秒などとなります。私はカウンターを初期化し、それぞれの無効なフォーム提出書類でカウンターを減らします。そして、次のようなsetTimeIntervalを使用してください：

initCounter() { 
    this.intervalTimer = setInterval(() => { 
     let count = this.counter; 
     if (count > 0) { 
      this.counter = count - 1; 
     } 
    }, 1000); 
} 

しかし、私はこのタスクを期待通りに完了できませんでした。

誰かが私を助けることを願っています。

Answer 1

は、最後に私の代わりにカウンタをデクリメントの、あなたはそれをインクリメントすることができ、私の頭の上から

setLoginCounter(loginForm) { 
     this.loginCounter += 1; 
     localStorage.setItem('logCount', this.loginCounter.toString()); 

     if (this.loginCounter % 3 === 0) { 
       this.counter = 30 * (Math.pow(2, (this.loginCounter/3) - 1)); 
     } 

    }