Breaking News: Grepper is joining You.com. Read the official announcement!

how to start pause and stop a timer in react

Wicked Wombat answered on August 9, 2022 Popularity 6/10 Helpfulness 4/10

answer how to start pause and stop a timer in react

how to start pause and stop a timer in react

Comment

const [seconds, setSeconds] = useState(30);
const [pause, setPause] = useState(false);

useEffect(() => {
  const interval = setInterval(() => {
    if(!pause) { //I used '!paused' because I set pause initially to false. 
      if (seconds > 0) {
        setSeconds(seconds - 1);
      }
    }
  }, 1000);
  return () => clearInterval(interval);
});

const handlePauseToggle = () => {
  setPause(!pause);
}

Popularity 6/10 Helpfulness 4/10 Language javascript

Source: stackoverflow.com

Tags: javascript pause timer

Link to this answer
Share Copy Link