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() 使用了一個可觀察物件，當該可觀察物件發出單擊事件時發出。

輸出