前言
在 WEB 开发中，许多时候需要在页面中定时刷新数据来展示最新信息，要实现这一点，一般可以使用 JavaScript 的定时器函数 setInterval 或 setTimeout。但这些函数存在诸多不足，例如代码复杂度过高或者容易造成性能问题等。因此，Acidic9 团队开发了 npm 包 Periodically，该 npm 包能够解决这些问题，使得定时任务的编写变得简单，代码性能得到优化。
Periodically 的基本介绍
Periodically 是一个高效的 JavaScript 定时任务库，允许用户设置和取消周期性任务，而不会造成代码冗余或性能损失。其次，该 npm 包具有高度的兼容性，并且易于使用。虽然定时任务的执行策略是分为不同的模式（循环模式、计数模式和自定义模式），但本教程只介绍最基本的用法，包括如何安装、如何使用。
Periodically 的安装说明
你可以在项目的根目录中执行以下命令来安装 npm 包 Periodically：
- -- --- -- --- ------- ------------ ------ - -- ---- -- ---- --- ------------
Periodically 的使用说明
进行 Periodically API 的使用前，我们需要先 import 该库到项目中。
------ ------------ ---- ---------------
接下来可以使用点操作符访问它的方法和属性。Periodically 有三个主要的 API：
1. periodically.setTimeout(func, delay)
该 API 允许用户执行重复运行的定时器。每隔一段时间，就会执行一次回调函数 func，同时也能够控制延迟时间，单位是毫秒。
----- ---- - -------------------------- -- - ------------------------- ------- ------------ -- ------ -- ------ -------------
2. periodically.setInterval(func, delay)
该 API 允许用户执行定期运行的定时器。每隔一定时间就会执行一次回调函数 func，时间间隔同样由 delay 参数控制，单位也是毫秒。
----- ---- - --------------------------- -- - ------------------------- ------- ------------ -- ------ -- ------ -------------
3. periodically.delay(delay)
该 API 表示 sleep 或者等待，即当前线程需要等待一段时间，单位是毫秒。
--------------------- ------------------------- -------------------
在上面这段代码中，程序停止了 2 秒时间，然后打印 end。这是由于在结束 sleep 之前，程序将暂停下来。
示例代码
有了以上 API，下面我们来看一些 Periodically 的实际应用。
定时输出当前时间
----- ---- - --------------------------- -- - --------------- ------------------- -- ------ ------------- -- - -- -- -------- ------------- -- -------
在上面这个示例代码中，我们使用 setInterval 每隔一秒执行回调函数，这个回调函数在每次被执行时输出当前的时间，同时使用 setTimeout 来结束任务的执行（只执行 10 秒的时间）。
执行连续请求
如果你想要在一定的时间内连续请求相同的资源，可以使用如下代码：
--- ------------ - --
----- ---- - --------------------------- -- -
---------------
------------------
-------------- -- ----------------
---------- -- -
-------------- --------------- ------ --------------------------
---
-- -----
------------- -- -
-- -- --------
-------------
-- -------在上面的示例中，我们用 setTimout 结束了任务的执行，如果你想要无限制地运行任务，则不需要调用 setTimeout 方法。
结论
以上就是 Periodically 的全部内容，借助 npm 包 Periodically，开发人员可以更加轻松地在项目中使用 JavaScript 定时器函数，也能够有效地减少代码冗长度、易于维护，提高代码性能。希望这篇 Periodically 的使用教程能够帮助到你，同时也欢迎大家多多发挥自己的编程智慧，为开源社区贡献自己的一份力量。
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/6005738481e8991b448e977d