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

在微信小程序中，可以利用 `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)// 停止计时器

}

})

```

新手在第一次自定义组件的时候，首先写出来需要定义的组件的内容和布局，防止不熟练而出错。

一、新建一个文件夹，自己命名。以后所有的自定义组件都存放于此。

二、在此文件夹下新建一个自行命名的文件夹，命名最好语义化，与里面自定义组件的名字相呼应。

三、在新建的文件夹内新建一个Component文件 命名也是自定义。

四、在xxx里面把事先写好的ml和ss以及js文件复制进去。

1、把提前写好的页面布局复制到这个此文件里面。写法和在普通页面的写法一样  {{}}是插值表达式。这里可以直接使用js里面定义的数据。

eg:

1、组件自定义的属性列表写在 properties里面。需要写成对象的形式 

eg:

2、组件的方法列表写在 methods里面

eg:

五、在需要引用自定义组件页面文件的xxx.json里面引用。

注意：引用的时候，不可以以./开头。前面命名可以自命名，不必和后面名字一样。

六、在需要引用的页面里的的xxx.wxml里写已经命名好的组件。

组件的名字为自定义命名。

eg:

因为组件是自己写的，并非微信提供的官方组件，所以如果想要获取触发事件的话 ，需要写一个同步组件回传数据

触发自定义事件用triggerEvent。在需要调用的方法内写this.triggerEvent(“自定义属性名”，‘需要更新的数据’)

eg:

然后将此事件绑定到页面中。绑定事件需要用bind:自定义的方法名=“js中定义的方法”

利用data-active="变量名"属性添加需要变化的变量

eg:

xxx.wxml内写法：

注意：想要在页面中使用自定义的组件属性时，必须要现在定义组件的文件夹内的js文件中，先去定义属性，然后才可以引入使用。

---