Rxjs-utility-operator-delaywhen

提供:Dev Guides
移動先:案内検索

RxJS-ユーティリティオペレーターの遅延

この演算子は、入力として取得された別のオブザーバブルからのタイムアウトに基づいて、ソースオブザーバブルから出力される値を遅延させます。

構文

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()にオブザーバブルを使用しており、そのオブザーバブルが発行されるとクリックイベントが発行されます。

出力

delayWhen Operator