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

0 vote246 views1 answer
How to change the choose file button text in react
Javascript React
86 votes218 views3 answers
React check if window exists
Javascript React
14 votes172 views1 answer
Change checkbox value react
Javascript React
2 votes209 views1 answer
React native seperator code
Javascript React
0 vote223 views1 answer
React chart js 2 api data
Javascript React
0 vote237 views1 answer
Rn push notification No task registered for key ReactNativeFirebaseMessagingHeadlessTask
Javascript React
1 vote235 views1 answer
Retour a la ligne <p> react
Javascript React
0 vote226 views3 answers
React hook example
Javascript React
0 vote238 views1 answer
Disable enter on input field react
Javascript React
0 vote250 views2 answers
React typed js
Javascript React