在前端开发中，定时器是一个常用的工具。然而，有时候我们需要在定时器触发前进行一些操作。这时候我们可以使用 npm 包 before-timeout。
before-timeout 是一个可以在 setTimeout 之前执行某些代码的库，它可以让我们更加细致地控制定时器的触发。
安装和引入
安装
可以使用 npm 进行安装：
npm install before-timeout
引入
可以使用 ES6 的 import 引入：
import beforeTimeout from 'before-timeout';
或者使用 CommonJS 的 require 引入：
const beforeTimeout = require('before-timeout');使用方法
beforeTimeout(callback, delay, options)
beforeTimeout 函数接收三个参数：
- callback：定时器要执行的函数；
- delay：定时器的等待时间（毫秒）；
- options：配置项对象。
调用 beforeTimeout 函数将返回一个对象，该对象包含两个方法：
- cancel()：取消定时器；
- isExpired()：返回定时器是否已过期。
配置项
options 对象可选参数如下：
- start：定时器是否在创建时自动开始运行，默认为 true；
- checkDelay：检查定时器是否过期的时间间隔，默认为 50 毫秒；
- onStart：定时器开始时要执行的函数；
- onCancel：定时器被取消时要执行的函数；
- onExpire：定时器到期时要执行的函数。
示例代码
下面的示例演示了如何使用 before-timeout 控制定时器。
-- -------------------- ---- -------
------ ------------- ---- -----------------
-------- ------------- -
-------------------------
-
----- - ------- --------- - - -------------------------- ----- -
------ ------
--------- -- -- -
------------------ ----------
-
---
-- -- -------- --------
-- -- ----------- -------------在上面的代码中，我们在等待 1000 毫秒后调用 doSomething 函数。配置项中，我们将 start 设置为 false，即创建时不自动开始运行定时器，这是因为有时候我们需要在条件满足时才开始运行定时器。同时，我们设置了 onExpire 回调函数，以便在定时器过期时进行一些操作。
同时，我们还可以使用 beforeTimeout 检测定时器是否过期：
const { cancel, isExpired } = beforeTimeout(doSomething, 1000);
setTimeout(() => {
if (!isExpired()) {
cancel();
console.log('timer cancelled');
}
}, 800);在上面的代码中，我们创建了一个等待 1000 毫秒的定时器。在定时器执行前的 800 毫秒内，我们检查定时器是否过期。如果定时器没有过期，我们将其取消。如果定时器已经过期，我们不执行取消操作。可以看到，使用 before-timeout 可以更好地控制定时器。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60055bc581e8991b448d960c