如何在5秒后调用一个函数？

Question

当executeAfter5secs()被打开时，我想在我的home.ts中调用函数home.html。我该怎么做呢 ？

目前我在home.html上添加了一个按钮，点击它后，该函数被调用，但我希望免于点击，并希望在页面加载后自动调用它，但是在5秒后。

我如何在home.ts方面编码，我有点困惑，比如我在里面编码：

ngOnInit() {    }

所以一旦页面加载时间开始，5秒后我的函数被调用。

Answer 1

在.ts文件中添加此代码

ionViewDidLoad(){
    setTimeout(() => {
        alert('Hello...')
    }, 5000);
}

Answer 2

在组件视图完全初始化后，您需要使用'AfterViewInit'。

在.ts文件中

export class LoginPage implements AfterViewInit {

ngAfterViewInit(){
   setTimeout( ()=>{
   console.log('works')
   }, 5000)
 }

}

Answer 3

ionViewDidEnter() {
    this.startTrackingLoop();
}
ionViewWillLeave() {
    this.stopTrackingLoop();
}

startTrackingLoop() {
    this.tracking = setInterval(() => {
        //run code
    }, 5000);
}
stopTrackingLoop() {
    clearInterval(this.tracking);
    this.tracking = null;
}