angular - why does ngOnInit() execute multiple times for setInterval()?

Question

I am very beginner in Angular.

export class CountComponent implements OnInit {

  public no:number;

  constructor() { 
     this.no=0;
  }

  public myfun():void{
     this.no++;
     alert(this.no);
  }

  ngOnInit(): void {
     this.myfun();
  }
}

when I run the above code, alert() is popup only once. Which means ngOnInit() only executes once. But

export class CountComponent implements OnInit {
  public no:number;

  constructor() { 
    this.no=0;
  }

  public myfun():void{
      setInterval(()=>{
        this.no++;
        alert(this.no);
      },1000);
  }
 
  ngOnInit(): void {
    this.myfun();
  }
}

when I run above code, alert() popups repeatedly. Which means ngOnInit() executes multiple times continuously (or myfun() executes multiple times).

so my problem is why does ngOnInit() execute multiple times instead of once, when I add setInterval() in myfun() ?

please give me full explanation & forgive me if this question is already asked.

question from:https://stackoverflow.com/questions/65599915/why-does-ngoninit-execute-multiple-times-for-setinterval

Answer 1

1000 = 1 seg, try to increase the value