Rxjs-filtering-operator-debouncetime

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

RxJS-フィルタリング演算子debounceTime

期間が完了した後にのみ、ソースオブザーバブルから値を出力します。

構文

debounceTime(dueTime: number): Observable

パラメーター

*_debounceTime_* -引数dueTimeは、ミリ秒単位のタイムアウトです。

戻り値

これは、observableを返します。この場合、observableソースの放出はdueTimeに基づいて遅延されます。

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

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

debounce()演算子と同じですが、唯一の違いは、遅延時間をこの演算子に直接渡すことができることです。

出力

debounceTimeオペレーター