javascript - typescript - 在 ionic 中以随机间隔调用函数

Question

我想以随机间隔重复调用changeStyle()函数

这是到目前为止我的代码:

    this.platform.ready().then(() => {
         this.myFunction()
    });

   myFunction() {
     var min = 5,
     max = 10;
     var rand = Math.floor(Math.random() * (max - min + 1) + min); //Generate Random number between 5 - 10
     this.changeStyle()
     setTimeout(this.myFunction, rand * 1000);
  }

  changeStyle() {
    console.log('changing style');
    this.sensorImage = 'path/to/image1';
    setTimeout(() => {
      this.sensorImage = 'path/to/image2';
    },
      2000);
  }

相关的html代码是

    <img id='35' (click)="changeStyle()" 
      src="{{sensorImage}}">

理想情况下，这应该做的是重复且随机地调用changeStyle()函数，而不需要我的任何输入。但是，我收到运行时错误:

'类型错误:this.changeStyle 不是函数。 (在 'this.changeStyle('')' 中，'this.changeStyle' 未定义)'

Answer 1

您能否将您的 setTimeout(this.myFunction, rand * 1000); 函数更新为，

setTimeout(this.myFunction.bind(this), rand * 1000);

我认为该问题与此背景有关。