- Published on
useRandomInterval Hook React

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>
);
};