Angular 2: How to refresh entire page automatically on after some time

Question

I am trying to code in Angular to such that it reloads entire HTML page automatically after 10 seconds.

Please help how to do it, i am new to Angular 2.

Thanks in advance.

Could you elaborate on the purpose for this? Do you want to reload the entire page? Or just the data for the page? The solution is different depending on which you require. — DeborahK
– DeborahK, Commented Aug 19, 2017 at 7:24
@Deorahk yes,In html page i am having calendar which contain events,once user clicked on that it ,it should block for 10 minutes and call the services again after 10 minutes and reload. — PAR
– PAR, Commented Aug 19, 2017 at 7:34
Check out the answer to this question: stackoverflow.com/questions/35316583/… It goes into detail on how to set up a timer for this. — DeborahK
– DeborahK, Commented Aug 19, 2017 at 7:46

Neji Soltani · Accepted Answer · 2017-08-19 08:08:29Z

2

try this

setTimeout( function(){ location.reload(); }, 10000);

answered Aug 19, 2017 at 8:08

1,5114 gold badges24 silver badges43 bronze badges

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

Comments

Iman Bahrampour · Accepted Answer · 2017-08-24 17:07:41Z

you have two choices:

1- Using ng2-simple-timer-example:

Angular 2 has a simple component that handle timer: ng2-simple-timer-example

This plunker shows the result:

2- setTimout:

As @Araivnd mentions you can using ngOnInit(angular calls ngOnInit after creating the component) and setTimout as following:

ngOnInit(){ setTimeout(function(){ //code here },10000); }