简介
@gilbert2017/simple-timer是一款基于JavaScript编写的简单计时器npm包，可以方便地在前端项目中使用。它采用ES6标准的类实现，可以自定义计时器的各项属性，如时长、精度等，且操作简便，适用于多种应用场景。
安装
通过npm进行安装：
npm install @gilbert2017/simple-timer --save
使用
引入
在项目代码中引入@gilbert2017/simple-timer：
import SimpleTimer from '@gilbert2017/simple-timer';
实例化
通过如下代码可以创建一个计时器实例：
const timer = new SimpleTimer();
设置属性
可以直接修改计时器的各项属性，默认属性如下：
let defaultOptions = {
delay: 1000,
formatOutput: (time) => time + 's',
onComplete: () => {},
disabled: false,
loop: false,
allowSetOption: true
};这些属性分别代表：
delay: 计时器更新的时间间隔，默认为1000ms；formatOutput: 计时器输出值的格式，默认为将时间数值转换成字符串后添加‘s’；onComplete: 计时器结束回调函数，默认为空函数；disabled: 计时器是否禁用，默认为false；loop: 计时器是否循环，默认为false；allowSetOption: 可否修改计时器属性，默认为true。
可以通过调用timer.setOptions函数进行属性设置：
timer.setOptions({
delay: 500, //修改计时器更新间隔为500ms
formatOutput: (time) => time + 's left', //将时间数值转换成字符串后添加's left'
onComplete: () => alert('Timer completed'), //注册计时器完成的回调函数
loop: true //将计时器循环
});开始计时
可以使用timer.start方法启动计时器：
timer.start(60);
计时器开始后，将开始倒计时。上述代码中的60代表计时器的总时长（单位为秒），也可以设置为其他数值。
暂停/恢复计时
可以使用timer.pause和timer.resume方法暂停/恢复计时器：
timer.pause();
console.log(timer.getTime()); //输出当前计时器时间
setTimeout(() => {
timer.resume();
}, 3000);获取计时器时间
可以通过timer.getTime方法获取当前计时器的时间（单位为秒）：
console.log(timer.getTime());
重置计时器
可以使用timer.reset方法重置计时器，将计时器时间重置为0并停止计时：
timer.reset();
销毁计时器
可以使用timer.destroy方法销毁计时器，释放内存：
timer.destroy();
示例代码
下面是一个简单示例，创建一个60秒的计时器，并在计时器结束时弹出窗口：
-- -------------------- ---- ------- ------ ----------- ---- ---------------------------- ----- ----- - --- -------------- ------------------ ------ ---- ------------- ------ -- ---- - -- ------ ----------- -- -- ------------ ------------ ----- ----- --- ----------------
总结
@gilbert2017/simple-timer是一款实用的简单计时器npm包，能够提高前端项目开发的效率。通过本篇文章的介绍，相信大家可以轻松掌握该npm包的使用方法，并在自己的项目中取得应用。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6005664c81e8991b448e26d9