【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>
  );
复制代码

 

posted @   维多利亚的巴黎世家  阅读(192)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· 单线程的Redis速度为什么快?
· 展开说说关于C#中ORM框架的用法!
· Pantheons:用 TypeScript 打造主流大模型对话的一站式集成库
· SQL Server 2025 AI相关能力初探
· 为什么 退出登录 或 修改密码 无法使 token 失效
点击右上角即可分享
微信分享提示