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() 运算符延迟点击事件

输出