RxJS - Filtering Operator debounceTime

It will emit value from the source observable only after the time span is complete.

Syntax

debounceTime(dueTime: number): Observable

Parameters

debounceTime − The argument dueTime is the timeout in milliseconds.

Return value

It returns an observable wherein the emission of the source observable is delayed based on the dueTime.

Example

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));

Same as debounce() operator , with the only difference, is that you can pass the delay time to this operator directly.

Output

Kickstart Your Career

Get certified by completing the course

Get Started