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

countdown in react js

Innocent Impala answered on July 26, 2020 Popularity 10/10 Helpfulness 5/10

answer countdown in react js

related react countdown

countdown in react js

Comment

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;

Popularity 10/10 Helpfulness 5/10 Language javascript

Source: stackoverflow.com

Tags: countdown javascript

Link to this answer
Share Copy Link

Contributed on Jul 26 2020

Innocent Impala

0 Answers Avg Quality 2/10

Closely Related Answers

react countdown

Comment

-1

yarn add react-countdown

Popularity 10/10 Helpfulness 1/10 Language actionscript

Source: www.npmjs.com

Tags: actionscript actionscri

Link to this answer
Share Copy Link

Contributed on Sep 12 2022

Roookas

0 Answers Avg Quality 2/10

countdown in react js

Contents

More Related Answers

countdown in react js

Closely Related Answers

react countdown

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.