在 IONIC 3 中设置间隔

Question

我想每 1 秒运行一个函数。搜索后，我找到了setInterval但它对我不起作用。

setInterval(function(){ 
   this.myfuntion();
}, 1000);

我也试过this.myfuntion但它也不起作用。

Answer 1

解决方案是使用 Arrow 函数：

setInterval(() => { 
   this.myfuntion(); // Now the "this" still references the component
}, 1000);

使用箭头函数时，this 属性不会被覆盖，但仍引用组件实例。

Answer 2

基本上有两种方法可以执行此操作。

尝试使用最适合您要求的可观察。

方法一：

import {Observable} from 'Rxjs/rx';
import { Subscription } from "rxjs/Subscription";
// if you want your code to work everytime even though you leave the page
Observable.interval(1000).subscribe(()=>{
    this.functionYouWantToCall();
});

方法2：

// if you want your code to work only for this page
//define this before constructor
observableVar: Subscription;
this.observableVar = Observable.interval(1000).subscribe(()=>{
    this.functionYouWantToCall();
});
ionViewDidLeave(){
   this.observableVar.unsubscribe();
}

Answer 3

对于任何为此苦苦挣扎的人，您可以使用 rxjs 中的间隔，如下所示：

import { interval } from 'rxjs';
interval(1000).subscribe(x => {
  this.myfuntion();
});

Answer 4

试试这个。我认为这是一个范围问题。不绑定 setInterval 中的范围转到窗口对象

      setInterval(function(){ this.myfunction();}.bind(this), 1000);

Answer 5

我是这样用的：

import {interval, Subscription} from 'rxjs';
  const source = interval(30000);
        this.subscription = source.subscribe(val => {
          // TODO
        });

您可以在构造函数内部或函数内部使用它，然后从外部调用它。