How to delay a method call after 1 min in angular or rxjs using Delay operator

Question

HI here my scenario is i need call a method only after 1 min here i can also set time out but instead is it possible using delay method like below

getMethod(){
 
}


delay(1000,this.getMethod())

or any other better approach

https://stackoverflow.com/questions/14226803/wait-5-seconds-before-executing-next-line/28173606 possible duplicate — , Sep 08 '20 at 05:38
Does this answer your question? [Wait 5 seconds before executing next line](https://stackoverflow.com/questions/14226803/wait-5-seconds-before-executing-next-line) — , Sep 08 '20 at 05:38
@Frost these are promises i am trying to achieve it using delay and using delay also i want to call a method — Madpop, Sep 08 '20 at 05:40
@Madpop you have a promise, when code comes to subscribe promise line you want 1 min delay before subcribing it? — , Sep 08 '20 at 05:44
@Madpop check fiddle https://stackblitz.com/edit/2vhjym?file=index.ts — Narkhede Tushar, Sep 08 '20 at 05:56
@Madpop you can use button click event there for the delay operator instead of document click event — Narkhede Tushar, Sep 08 '20 at 06:08

score 4 · Accepted Answer · answered Sep 08 '20 at 06:06

4

If you are using rxjs and Angular then you probably want to use the RxJs timer subject

import { timer } from 'rxjs';
const minute = 1000 * 60;

function helloWorld() {
  console.log('hello');
}

timer(minute).subscribe(helloWorld);

If you are looking into what RxJs Subject or Operator you want, try checking the RxJs Operator Decision Tree for help.

answered Sep 08 '20 at 06:06

blacksun1

116
4

``const minute`` renamed ``const milliseconds`` would probably be clearer, isn't it ? – Axi Feb 18 '22 at 09:52
No, as `const minute = 1000 * 60;` is one minute in milliseconds. – blacksun1 Feb 20 '22 at 21:01

score 2 · Answer 2 · answered Sep 08 '20 at 06:13

2

you can use rxjs delay pipe:

getMethod(): Observable {
  return of(2)
}
const delayedMethod = getMethod.pipe(delay(1000))
delayedClicks.subscribe(x => console.log(x));

answered Sep 08 '20 at 06:13

mehranmb78

674
5
9

Doesn't this just delays the response? I mean, it doesn't actually delays the observable subscription, only holds the response for a while. – MumiaIrrequieta May 10 '23 at 14:35

score 0 · Answer 3 · answered Sep 08 '20 at 05:36

0

You can use a promise & async-await to achieve this. Check below code

  const sleep = (milliseconds) => {
    return new Promise(resolve => setTimeout(resolve, milliseconds))
}

await sleep(2000) // This will give 2 seconds delay

answered Sep 08 '20 at 05:36

Rajan

1,512
2
14
18

using promises i can do that but using delay i am trying to find a solution – Madpop Sep 08 '20 at 05:41

How to delay a method call after 1 min in angular or rxjs using Delay operator

3 Answers3