RxJS - Délai de l'opérateur utilitaire

Cet opérateur retarde les valeurs émises par la source Observable en fonction du délai imparti.

Syntaxe

delay(timeout: number): Observable

Paramètres

timeout - Ce sera en millisecondes ou en date qui retardera l'émission des valeurs de la source observable.

Valeur de retour

Un observable sera renvoyé qui utilisera le délai d'expiration ou la date donnée pour retarder l'observable source.

Exemple

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

Ici, l'événement de clic est retardé à l'aide de l'opérateur debounce ()

Production