RxJS - 实用操作符 delayWhen

此操作符会基于输入的另一个可观察对象超时的值来延迟从源可观察对象中发出的值。

语法

delayWhen(timeoutSelector_func: Observable): Observable

参数

timeoutSelector_func − 是决定超时时间的可观察对象。

返回值

将返回一个可观察对象，该对象将使用 timeoutSelector_func 的输出延迟源可观察对象。

示例

import { fromEvent, timer } from 'rxjs';
import { delayWhen } from 'rxjs/operators';

let btn = document.getElementById("btnclick");
let btn_clicks = fromEvent(btn, 'click');
let case1 = btn_clicks.pipe(delayWhen(() => timer(1000)),);
case1.subscribe(x => console.log(x));

我们为 delayWhen() 使用了一个可观察对象，当该可观察对象发出单击事件时发出。

输出