如何在 Angular 2 中每 10 秒调用一次函数? [英] How do I call a function in every 10 seconds in Angular 2?

问题描述

如何在 Angular 2 的设定时间间隔内调用函数.我希望它在特定时间间隔(例如 10 秒)被调用/触发.例如:.ts 文件

num: number = 0;数组:数字[] = [1,5,2,4,7];callFuntionAtIntervals(){如果(数量== 5){数量=0;}数++；}

HTML:

{{ array[num] }}

所以基本上div值会每隔一段时间改变

解决方案

Observable.interval(10000).takeWhile(() => true).subscribe(() => this.function());

每 10 秒调用一次 function() 的无限循环

How do I call a function in a set Time interval in Angular 2. I want it to be called/Triggered at specific time intervals(for eg 10 secs). For Eg: ts File

num: number = 0;
array: number[] = [1,5,2,4,7];
callFuntionAtIntervals(){
    if(num==5){
        num=0;    
    }
    num++;
}

HTML:

<div>{{ array[num] }}</div>

So basically the div value will change at intervals

解决方案

Observable.interval(10000).takeWhile(() => true).subscribe(() => this.function());

infinite loop where every each 10 seconds function() is being called

这篇关于如何在 Angular 2 中每 10 秒调用一次函数?的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！