如何停止rxjs计时器

本文介绍了如何停止rxjs计时器的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！ 问题描述

我有以下计时器:

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(); } }) ); }