Published on

useRandomInterval Hook React

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