- Published on
useRandomInterval Hook React
![useRandomInterval Hook React](https://user-images.githubusercontent.com/33494971/269602373-9aa20fcb-72ca-49ca-902c-e5866a74bf0e.png)
useRandomInterval Hook React
useRandomInterval Code and Usage
useRandomInterval is a hook to generate a random interval.
import { useState, useEffect } from "react";
const useRandomInterval = (minDelay, maxDelay) => {
const [delay, setDelay] = useState(null);
useEffect(() => {
const randomDelay =
Math.floor(Math.random() * (maxDelay - minDelay + 1)) + minDelay;
setDelay(randomDelay);
}, [minDelay, maxDelay]);
return delay;
};
// Usage
const RandomIntervalExample = () => {
const minDelay = 1000; // 1 second
const maxDelay = 5000; // 5 seconds
const randomInterval = useRandomInterval(minDelay, maxDelay);
return (
<div>
<p>Random interval: {randomInterval} ms</p>
</div>
);
};