Rxjs-utility-operator-delay

提供:Dev Guides
2020年6月23日 (火) 01:13時点におけるMaintenance script (トーク | 投稿記録)による版 (Imported from text file)
(差分) ← 古い版 | 最新版 (差分) | 新しい版 → (差分)
移動先:案内検索

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

この演算子は、指定されたタイムアウトに基づいて、ソースObservableから出力される値を遅延させます。

構文

delay(timeout: number): Observable

パラメーター

*_timeout_* -ソースオブザーバブルからの値の出力を遅らせるミリ秒または日付になります。

戻り値

ソースオブザーバブルを遅延させるために指定されたタイムアウトまたは日付を使用するオブザーバブルが返されます。

import { fromEvent } from 'rxjs';
import { delay } from 'rxjs/operators';

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

ここで、クリックイベントはdebounce()演算子を使用して遅延されます

出力

遅延演算子