forked from extern/bruno
31 lines
573 B
JavaScript
31 lines
573 B
JavaScript
import React, { useState, useEffect } from 'react';
|
|
|
|
const StopWatch = () => {
|
|
const [milliseconds, setMilliseconds] = useState(0);
|
|
|
|
const tickInterval = 200;
|
|
const tick = () => {
|
|
setMilliseconds(milliseconds + tickInterval);
|
|
};
|
|
|
|
useEffect(() => {
|
|
let timerID = setInterval(() => tick(), tickInterval);
|
|
return () => {
|
|
clearInterval(timerID);
|
|
};
|
|
});
|
|
|
|
if(milliseconds < 1000) {
|
|
return 'Loading...';
|
|
}
|
|
|
|
let seconds = milliseconds/1000;
|
|
return (
|
|
<span>
|
|
{seconds.toFixed(1)}s
|
|
</span>
|
|
)
|
|
};
|
|
|
|
export default StopWatch;
|