Restart the timer on an rxjs interval

Question

I created a class which sets up a pausable rxjs observable on an interval:

export class RepeatingServiceCall {
  private paused = false;
  private o         


        

Answer 1

You can achieve the behavior you are describing with the following snippet:

const delay = 1000;

const playing = new BehaviorSubject(false);

const observable = playing.pipe(
  switchMap(e => !!e ? interval(delay).pipe(startWith('start')) : never())
);

observable.subscribe(e => console.log(e));

// play:
playing.next(true);

// pause:
playing.next(false);

• When the playing Observable emits true, the switchMap operator will return a new interval Observable.
• Use the startWith operator to emit an event immediately when unpausing.
• If you wish to have the interval start automatically when subscribing to the observable, then simply initialize the BehaviorSubject with true.

StackBlitz Example