Countdown in react js

import React from 'react'
import { useState, useEffect } from 'react';

const Timer = (props:any) => {
    const {initialMinute = 0,initialSeconds = 0} = props;
    const [ minutes, setMinutes ] = useState(initialMinute);
    const [seconds, setSeconds ] =  useState(initialSeconds);
    useEffect(()=>{
    let myInterval = setInterval(() => {
            if (seconds > 0) {
                setSeconds(seconds - 1);
            }
            if (seconds === 0) {
                if (minutes === 0) {
                    clearInterval(myInterval)
                } else {
                    setMinutes(minutes - 1);
                    setSeconds(59);
                }
            } 
        }, 1000)
        return ()=> {
            clearInterval(myInterval);
          };
    });

    return (
        <div>
        { minutes === 0 && seconds === 0
            ? null
            : <h1> {minutes}:{seconds < 10 ?  `0${seconds}` : seconds}</h1> 
        }
        </div>
    )
}

export default Timer;

Source: stackoverflow.com

React countdown timer

npm install react-countdown --save

-1

Source: npmjs.com

Similar codes

1 vote180 views1 answer
Could not find com.yqritc:android-scalablevideoview:1.0.4 react native video
Javascript React
0 vote190 views1 answer
React js date ago
Javascript React
3 votes182 views5 answers
./src/App.js Attempted import error: 'Switch' is not exported from 'react-router-dom'.
Javascript React
0 vote193 views1 answer
Navigation scroll react
Javascript React
-1 vote209 views1 answer
React check if browser is in dark mode
Javascript React
32 votes359 views2 answers
How to routing in react js
Javascript React
36 votes183 views2 answers
Ref hook in react
Javascript React
0 vote186 views1 answer
Localhost server in react native
Javascript React
1 vote223 views1 answer
React render html variable
Javascript React
0 vote190 views1 answer
Put logo in qr code in react js qrcode.react
Javascript React