RxJS - 篩選運算子 debounceTime

它將在時間間隔結束後才從源可觀察物件中發出值。

語法

debounceTime(dueTime: number): Observable

引數

debounceTime - 引數 dueTime 是以毫秒為單位的超時時間。

返回值

它返回一個可觀察物件，其中源可觀察物件的發出基於 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() 運算子相同，唯一不同的是，你可以直接向此運算子傳遞延遲時間。

輸出