微信小程序长时间计时方法

Posted 2023-03-18

在微信小程序中，可以利用 `setInterval()` 函数来实现长时间计时的功能。

具体步骤如下：

1. 在需要计时的页面或组件中定义一个计时器变量，如 `timer`，并初始化为 0。
2. 使用 `setInterval()` 函数，在一段时间间隔内执行一次指定的函数（比如每秒钟执行一次），并将返回值赋给计时器变量，如：

```
timer = setInterval(function()
// 在这里编写计时器的逻辑
, 1000); // 以毫秒为单位，表示每秒钟执行一次
```

3. 在计时器函数中编写计时器的逻辑，如：

```
var second = 0; // 定义一个秒数变量

function timerFunction()
second++; // 每秒钟秒数加一
console.log("已经计时了 " + second + " 秒");

```

4. 当需要停止计时器时，可以使用 `clearInterval()` 函数来清除计时器，如：

```
clearInterval(timer); // 停止计时器
```

完整示例代码：

```
var timer; // 计时器变量

Page(
data:
second: 0 // 秒数
,
onLoad: function ()
this.startTimer(); // 页面加载时启动计时器
,
startTimer: function ()
var that = this;
timer = setInterval(function()
that.setData(
second: that.data.second + 1 // 每秒钟秒数加一
);
console.log("已经计时了 " + that.data.second + " 秒");
, 1000); // 以毫秒为单位，表示每秒钟执行一次
,
stopTimer: function ()
clearInterval(timer); // 停止计时器

)
``` 参考技术A 1、利用setInterval函数：使用setInterval函数进行定时器计时，利用全局变量保存计时器

2、利用定时器：wx.setInterval函数可以设置定时器，每隔一段时间就会调用一次指定的函数

3、利用Date函数：记录起始时间，然后每次计算当前时间与起始时间的差值。

4、利用定时器：使用setTimeout函数进行定时器计时，每隔一段时间就会自动调用一次指定的函数。