如何编写代码使定时器在网页最小化时停止执行？

本文共计1776个文字，预计阅读时间需要8分钟。

目录 + 引用 + useInterval 和 useTimeout + setTimeout 和 setInterval + 思考与总结 + 引用 + 本文字深入浅出 + 引用 + ahooks 源码系列文章第七篇 + 这个系列的+代表什么？

目录

• 引言
• useInterval 和 useTimeout
• setTimeout 和 setInterval 的问题
• useRafInterval 和 useRafTimeout
• setRafInterval
• clearRafInterval
• 思考与总结

引言

本文是深入浅出 ahooks 源码系列文章的第七篇，这个系列的目标主要有以下几点：

• 加深对 React hooks 的理解。
• 学习如何抽象自定义 hooks。构建属于自己的 React hooks 工具库。
• 培养阅读学习源码的习惯，工具库是一个对源码阅读不错的选择。

注：本系列对 ahooks 的源码解析是基于 v3.3.13。自己 folk 了一份源码，主要是对源码做了一些解读，可见 详情。

今天我们来聊聊定时器。