【React】定时器组件

鼠标移入关闭定时器并清除，鼠标移出组件的时候打开定时器进行循环

const timer = useRef(null);


  
useEffect(() => {
    startLoop();
  }, []);
  const startLoop = () => {
    stopLoop();
    timer.current = window.setInterval(() => {
      //要干的事
    }, 60 * 1000);
  };
  const stopLoop = (event) => {
    if (timer.current) {
      window.clearInterval(timer.current);
      timer.current = null;
    }
  };
  
/////////////////////////////////////////
  return (
    <div
      onMouseOver={stopLoop}//移出关闭
      onMouseOut={startLoop}//移入开启
    >
    </div>
  );