RxJS - 實用運算子 delay

此運算子延遲基於已給出的超時時間發出源可觀察物件中的值。

語法

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() 運算子延遲 click 事件

輸出