How to call function in Angular every 10 seconds

Question

How can you call Observable function to download data from server every 10 seconds?

My App service

    getDevices (): Observable<Device[]> {
    return this.http.get(this.deviceUrl)
      .map(this.extractData)
      .catch(this.handleError);
}

My AppComponent

ngOnInit():void {
    this.getData();
    this.getLastDeviceInterior();
    this.getOutDevice();
    this.getSetings();
  }

  getData()
  {
    this.dataService.getDevices().subscribe( devices => this.devices = devices,
      error =>  this.errorMessage = <any>error);
  }

Using setInterval(). https://developer.mozilla.org/en-US/docs/Web/API/WindowTimers/setInterval — JB Nizet, Dec 03 '16 at 08:31
Already been answered here: http://stackoverflow.com/questions/35316583/angular2-http-at-an-interval — Tina, Dec 03 '16 at 08:37

mayur · Accepted Answer · 2017-02-13T06:50:12.820

2

You can use setInterval if using Angular

  getData()
  {
      setInterval(() => {
           this.dataService.getDevices().subscribe( devices => this.devices = devices,
           error =>  this.errorMessage = <any>error);
       }, 10);
  }

OR

   setInterval(() => {
       this.getData();
   }, 10);

edited Feb 13 '17 at 06:50

answered Dec 03 '16 at 08:43

mayur

3,558
23
37

settimeout runs once after the set timeout. setinterval runs many times according to your intervals. http://stackoverflow.com/questions/2696692/setinterval-vs-settimeout – coderdark Dec 03 '16 at 08:49

score 0 · Answer 2 · answered Dec 03 '16 at 08:33

0

There is a function in javascript to call something every x milliseconds:

http://www.w3schools.com/jsref/met_win_setinterval.asp

answered Dec 03 '16 at 08:33

Xymanek

1,357
14
25

How to call function in Angular every 10 seconds

2 Answers2