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()演算子と同じですが、唯一の違いは、遅延時間をこの演算子に直接渡すことができることです。