react-timer-hook-v2

Setup

yarn add react-timer-hook-v2 npm install react-timer-hook-v2

Example

1import {useTimer} from "react-timer-hook-v2";
2
3function App() {
4    // input value only in milliseconds
5    const initial_ms = 10000 // 10 sec
6    // dd - days
7    // hh - hours
8    // mm - minutes
9    // ss - seconds
10    // ms - milliseconds
11    // isFinish - show status timer, if timer = 0, isFinish return Boolean true
12    // restart - timer reset function
13    const {dd, hh, mm, ss, ms, isFinish, restart} = useTimer(initial_ms)
14
15    return (
16        <div className="App">
17            <h1>
18                {hh}:{mm}:{ss}
19            </h1>
20
21            <p>{isFinish ? 'timer is finished' : 'timer is running'}</p>
22
23            <button onClick={restart}>Restart</button>
24        </div>
25    );
26}
27
28export default App;

Description

When the timer is set to 0, all calculations and calls finished.