微信小程序使用随机数实现随机点名功能点击按钮一次3秒后停止点名
时间: 2024-09-27 21:11:34 浏览: 119
微信小程序中实现随机点名功能,你可以通过JavaScript结合setTimeout函数和Math.random()来完成。首先,创建一个数组存储所有参与者的姓名,然后在点击按钮的事件处理程序中,设置一个定时器,每隔3秒执行一次随机选取一位参与者的过程,直到计时结束。
以下是一个简单的示例代码:
```javascript
Page({
data: {
participants: ['张三', '李四', '王五', '赵六'], // 参与者列表,替换为你实际的人员名单
timerId: null,
},
btnClick: function(e) {
if (!this.data.timerId) { // 初次点击或已经暂停
this.setData({
timerId: setTimeout(() => {
const randomIndex = Math.floor(Math.random() * this.data.participants.length); // 随机索引
console.log('随机点名:', this.data.participants[randomIndex]); // 输出被选中的名字
// 如果有更多参与者,再次随机选择;如果只剩一人,则停止点名
if (this.data.participants.length > 1) {
this.btnClick();
} else {
clearTimeout(this.data.timerId);
this.setData({ timerId: null });
}
}, 3000), // 设置3秒后触发
});
} else { // 已经开始点名,暂停
clearTimeout(this.data.timerId);
this.setData({ timerId: null });
}
},
})
```
用户每次点击按钮,都会随机点出一个人的名字,并在3秒后继续这个过程,直至只剩下一人。如果你需要在页面上显示这个信息,只需在`console.log`处改为更新页面元素即可。
阅读全文