React Native，活动暂停时 setInterval 停止

Question

我想在我的应用程序中创建一个计时器。我创建了一个计时器：

var timer = document.getElementById('timer');
var rest = 90;
timer.innerHTML = rest + 's';
var interval = setInterval(function(){
  if(rest <= 0){
    clearInterval(interval);
   }else{
     rest -= 1;
    timer.innerHTML = rest + 's';
  }
  
}, 1000);

<div id='timer'></div>

但是，当用户离开我的应用程序（NOT KILL，JUST LEAVE）并转到任何其他应用程序时，计时器停止工作。

当他回到我的应用程序时，计时器开始工作。

Answer 1

我用了一个技巧。

var that = this;
  for(var i = 1; i <= that.state.restSec; i++){
    setTimeout(function(){
      //do your stuff here
    }, i * 1000);
  }

当您回来时，超时会更新，就像它们在“暂停”期间一样工作:)。