[RxJS] Stopping a Stream with TakeUntil

weixin_30719711

于 2016-03-09 16:32:00 发布

阅读量54

点赞数

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/Answer1215/p/5258721.html

本文介绍如何利用RxJS中的takeUntil操作符来实现一个简单的秒表功能。通过结合开始按钮点击事件与定时器，文章展示了如何在用户点击停止按钮时终止计时器的操作流程。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

Observables often need to be stopped before they are completed. This lesson shows how to use takeUntil to stop a running timer. Then we use the starting stream and the stopping stream together to create a simple stopwatch.

const Observable = Rx.Observable;

const startButton = document.querySelector('#start');
const stopButton = document.querySelector('#stop');

const start$ = Observable.fromEvent(startButton, 'click');
const interval$ = Observable.interval(1000);
const stop$ = Observable.fromEvent(stopButton, 'click');

const intervalThatStops$ = interval$
    .takeUntil(stop$);

start$
    .switchMapTo(intervalThatStops$)
    .subscribe((x)=> console.log(x));

转载于:https://www.cnblogs.com/Answer1215/p/5258721.html