Angular2 Observable with interval

Question

I have a function that needs to be called about every 500ms. The way I am looking at doing it with angular2 is using intervals and observables. I have tried this function to create the observable:

counter() { return Observable.create(observer => { setInterval(() => { return this.media.getCurrentPosition(); }, 500) }) }

With this code for the subscriber:

test() { this.playerService.initUrl(xxxx) // This works this.playerService.counter().subscribe(data => { res => { console.log(data); } }) }

I am very new to observables and angular2 so I might be taking the wrong approach completely. Any help is appreciated.

Maximilian Riegler · Accepted Answer · 2017-07-31 17:02:20Z

15

The Observable class has a static interval method taking milliseconds (like the setInterval method) as a parameter:

counter() { return Observable .interval(500) .flatMap(() => { return this.media.getCurrentPosition(); }); }

And in your component or wherever:

test() { this.playerService.initUrl(xxxx) // This works this.playerService.counter().subscribe( data => { console.log(data); } ); }

edited Jul 31, 2017 at 17:02

answered Jun 23, 2016 at 14:16

Maximilian Riegler

23.6k4 gold badges65 silver badges73 bronze badges

Sign up to request clarification or add additional context in comments.

4 Comments

Drakee510 Over a year ago

This works perfectly, thanks! I did have to change the .flatmap() to .flatMap() to make it work correctly though.

user9903 Over a year ago

just a note for others; Observable.interval is a static/class method, you cannot call it on an instance of Observable (I ran into an issue with this in angular when trying to repeat an http.get)

Gokul Over a year ago

Observable.interval() is now deprecated not the preferred way of creating such an observable. The preferred way of doing this is via the IntervalObservable or TimerObservable. [ currently in Typscript 2.5.2, rxjs 5.4.3, Angular 5.0.0 ]

Maximilian Riegler Over a year ago

@Gokul do you have any sources for that?

Collectives™ on Stack Overflow

Angular2 Observable with interval

1 Answer 1

4 Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

4 Comments

Linked

Related