帮我写一段微信小程序点击按钮开始计时的代码
时间: 2023-04-05 12:04:42 浏览: 69
好的,以下是微信小程序点击按钮开始计时的代码:
1. 在 wxml 文件中添加一个按钮和一个显示计时的文本框:
```
<button bindtap="startTimer">开始计时</button>
<text>{{timer}}</text>
```
2. 在 js 文件中定义计时器变量和计时器函数:
```
var timerId = null;
var second = 0;
function timer() {
second++;
var hour = Math.floor(second / 3600);
var minute = Math.floor((second - hour * 3600) / 60);
var sec = second % 60;
return (hour < 10 ? '0' + hour : hour) + ':' + (minute < 10 ? '0' + minute : minute) + ':' + (sec < 10 ? '0' + sec : sec);
}
```
3. 在 js 文件中添加按钮点击事件和计时器更新事件:
```
Page({
data: {
timer: '00:00:00'
},
startTimer: function() {
var that = this;
timerId = setInterval(function() {
that.setData({
timer: timer()
});
}, 1000);
}
})
```
这样,当用户点击按钮时,计时器就会开始计时,并且每秒钟更新一次计时文本框的内容。