React Native 作为一种跨平台的开发框架，已经被广泛应用于移动端的开发中。而在 React Native 中，使用定时器来执行周期性的任务是很常见且必要的。react-native-pure-timer 就是一款专门用来实现定时器的 npm 包。本文将详细介绍 react-native-pure-timer 的使用教程，帮助大家快速掌握其使用。
安装示例
在开始之前，我们需要安装 react-native-pure-timer 库。打开终端并进入当前项目所在的目录，运行以下命令：
npm install react-native-pure-timer --save
如果您使用的是 yarn，可以运行以下命令来安装：
yarn add react-native-pure-timer
安装完成后，我们可以在项目中引入该库：
import Timer from 'react-native-pure-timer';
定时器的创建和启动
要使用 react-native-pure-timer，我们首先需要创建一个 Timer 对象。Timer 构造函数接受一个可选的参数，用来指定定时器的间隔时间，单位为毫秒。如果没有指定该参数，那么定时器的默认间隔时间为 1000 毫秒。下面我们创建一个 500 毫秒间隔的定时器：
const timer = new Timer(500);
然后，我们可以使用 start 方法来启动定时器：
timer.start();
启动后，定时器将会每隔 500 毫秒触发一次回调函数。注意，此时回调函数并没有真正执行。如果您希望在定时器触发时执行某些操作，需要给定时器对象设置一个回调函数。
定时器的回调函数
为定时器设置回调函数的方法是使用 setCallback 方法，该方法接受一个函数作为参数，该函数会在定时器触发时被执行。下面是一个设置回调函数的示例：
timer.setCallback(() => {
console.log('Timer triggered!');
});在上面的示例中，我们设置了一个简单的回调函数，每当定时器触发时就会打印一条消息。接下来，我们再次调用 start 方法，定时器就开始工作了。
定时器的停止和重启
如果您需要停止定时器，可以使用 stop 方法：
timer.stop();
该方法会停止定时器的工作，并且在未来也不会触发回调函数。如果您需要重新启动定时器，可以使用 restart 方法：
timer.restart();
该方法会重置定时器的状态，并重新启动定时器。注意，重新启动后回调函数仍然是之前设置的回调函数。
完整示例代码
最后，我们来看一个完整的示例代码：
-- -------------------- ---- -------
------ ----- ---- --------
------ - ----- ----------------- ---- - ---- ---------------
------ ----- ---- --------------------------
----- -------------- ------- --------------- -
------------------ -
-------------
---------- - -
------------ --
--
---------- - --- -----------
------------------------- -- -
----- ----------- - ---------------------- - ----
--------------- ----------- ---
---
-
----------- - -- -- -
-------------------
--
---------- - -- -- -
------------------
--------------- ------------ - ---
--
-------- -
----- - ----------- - - -----------
------ -
------
---------- -------- ------------ - ----- --------------
----------------- ---------------------------
------------------
-------------------
----------------- --------------------------
-----------------
-------------------
-------
--
-
-在上面的示例代码中，我们创建了一个名为 TimerComponent 的组件，该组件包含了一个计时器和两个按钮，分别用来启动和停止定时器。在 constructor 里，我们创建一个间隔为 100 毫秒的定时器，并设置了回调函数。回调函数的作用是在每次定时器触发时增加计时器的时间。handleStart 和 handleStop 方法用来启动和停止定时器，并且在停止时重置计时器的时间。
结语
react-native-pure-timer 是一个易于使用且功能强大的定时器库。使用该库，可以快速创建定时任务，从而轻松实现时间相关的任务。本文介绍了该库的使用教程，并且提供了一个完整的示例代码。如果您在 React Native 开发中需要使用定时器，不妨一试 react-native-pure-timer。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/600562de81e8991b448e054b