angular - 防止定时器在后台模式下暂停

Question

我的 Ionic3 应用程序中有一个计时器。定时器与 setInterval 完美运行，但是当我关闭应用程序进入休眠模式时，定时器停止运行。将我的应用程序再次带到 fourground 后，计时器继续 - 但他从之前暂停的地方开始。

如果我将应用设置为后台，如何防止计时器暂停？

我的组件

time: any;

displayTime() {
  this.time = moment().hour(0).minute(0).second(this.counter++).format('HH : mm : ss');
}

startTime() {
  if(this.runClock == null) {
    this.runClock = setInterval(() => {
      this.displayTime();
    },1000)
  }
}

在我的 HTML 中，我调用了 {{ time }}。

类似https://ionicframework.com/docs/native/background-mode/ 的插件将不起作用，因为 App Store 将拒绝使用此插件的应用程序。

还有其他想法吗？

Answer 1

由于在后台模式下运行的应用程序可以是 rejected in App Store (这是有充分理由的，因为没有人需要一个会白白耗尽电池电量的应用程序)，这应该在不依赖 setInterval 计数器和后台模式的情况下完成:

startMoment = moment();

displayTime() {
  this.time = moment.utc( moment().diff(this.startMoment) ).format('HH : mm : ss');
}