如何停止rxjs计时器 [英] How to stop rxjs timer

问题描述

我有以下计时器:

setCountDown() {
        let counter = 5;
        let tick = 1000;
        this.countDown = timer(0, tick)
        .pipe(
          take(counter),
          map(() => --counter),
          finalize(() => {
            if (this.currentQuestionNumber < this.questionsToAsk)
              this.showNextQuestion();
            else {
              this.endQuiz();
            }

          })
        );
      }

如何停止计时器?例如.当用户点击按钮时...

How can I stop the timer? E.g. when a user clicks on a button...

推荐答案

假设您使用的是 angular，如果您只使用 javascript，您可以只使用我们 fromEvent() 来创建 userClick

assuming you are using angular, if you use javascript only you can just us fromEvent() to create userClick

userClick=new Subject()

click(){userClick.next()}

setCountDown() {
        let counter = 5;
        let tick = 1000;
        this.countDown = timer(0, tick)
        .pipe(
          take(counter),
          map(() => --counter),
          takeUntil(userClick),
          finalize(() => {
            if (this.currentQuestionNumber < this.questionsToAsk)
              this.showNextQuestion();
            else {
              this.endQuiz();
            }

          })
        );
      }

这篇关于如何停止rxjs计时器的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！