React Native setInterval getting paused when app is in background

Question

I am developing a react native app. For one of the task, I need to use javascript setInterval function, but it get's stop when the app is in the background. Can anyone guide me, why it is stopping? Any solution to it?

My Code:

 let startTimer = setInterval(() => {
        minutes = parseInt(timer / 60, 10)
        seconds = parseInt(timer % 60, 10);
        minutes = minutes < 10 ? "0" + minutes : minutes;
        seconds = seconds < 10 ? "0" + seconds : seconds;
        this.setState({ remainMin: minutes, remainSec: seconds });
        if (--timer < 0) {
            this.handelTimerStop();
            timer = duration;
            this.setState({ isResend: true });
        }
    }, 1000);

check this answer, may be helpful https://stackoverflow.com/questions/54833140/react-native-background-timer-never-stops?answertab=oldest#tab-top — Aravind Vemula, Jun 06 '19 at 08:40
use [react-native-background-timer](https://github.com/ocetnik/react-native-background-timer) instead — TheEhsanSarshar, Mar 07 '20 at 11:02

score 3 · Answer 1 · answered Aug 24 '18 at 05:21

This is expected behaviour - when the application pauses, so do all setInterval's running and (and setTimeouts pending). You want to look into background tasks, to keep something running while the app is minimised:

This should help you achieve that:

How can I run background tasks in React Native?

ICW · Answer 2 · 2023-03-12T18:56:49.890

WARNING TO OTHER DEVS

Posting this warning because I the other answers in this thread lead me to believe that "setInterval" callback would stop running whenever the app is minimized.

This is not true, at least for React Native 0.64+ on iOS 15. The callback passed too setInterval will run even while the app is backgrounded.

Try this in your component:

useEffect(()=>{
    setInterval(()=>console.log('It ran'), 1000);
}, []);

Then minimize your app. It will continue logging.

In my case the callback was fetching data from the server. This made a lot of unnecessary fetches because it was always fetching every X seconds in the background.

score 1 · Answer 3 · answered Mar 24 '22 at 09:15

1

setInterval seems to work for iOS (backgrounded) but not for Android.

answered Mar 24 '22 at 09:15

Daniel Hansson

65
8

This does not provide an answer to the question. Once you have sufficient [reputation](https://stackoverflow.com/help/whats-reputation) you will be able to [comment on any post](https://stackoverflow.com/help/privileges/comment); instead, [provide answers that don't require clarification from the asker](https://meta.stackexchange.com/questions/214173/why-do-i-need-50-reputation-to-comment-what-can-i-do-instead). - [From Review](/review/late-answers/31364648) – MAXE Mar 30 '22 at 10:29

React Native setInterval getting paused when app is in background

3 Answers3

WARNING TO OTHER DEVS

Linked