React countdown timer

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 vote104 views1 answer
React children map
Javascript React
0 vote68 views1 answer
Circle button react native
Javascript React
38 votes102 views4 answers
Useref in react hooks
Javascript React
0 vote112 views1 answer
How to use two text fields in one single row react js
Javascript React
23 votes116 views5 answers
USE ICONS IN REACT
Javascript React
31 votes114 views1 answer
Install react router dom and save
Javascript React
5 votes125 views3 answers
React default proptypes
Javascript React
0 vote105 views1 answer
React native layout animation android
Javascript React
1 vote113 views2 answers
Cannot read property of undefined (reading 'push') react
Javascript React
6 votes141 views1 answer
'useHistory' is not exported from 'react-router-dom'.
Javascript React