单击“开始”按钮时使用定时函数,每隔60毫秒产生一个随机整数 单击“停止”按钮时清除定时函数
时间: 2024-12-20 20:29:21 浏览: 9
当你想要创建一个简单的用户界面,其中包含一个"开始"按钮和一个"停止"按钮,可以利用JavaScript的`setInterval`和`clearInterval`函数来实现这种定时行为。首先,你需要监听这两个按钮的点击事件:
1. 当用户点击"开始"按钮时,你可以设置一个定时器,使用`setInterval`函数,它会每60毫秒执行一次回调函数,在这个函数中生成并显示一个随机整数。例如:
```javascript
let intervalId;
const startButton = document.getElementById('start-button');
startButton.addEventListener('click', function() {
intervalId = setInterval(() => {
const randomNum = Math.floor(Math.random() * 100); // 生成0到99之间的随机整数
console.log('Random number:', randomNum);
}, 60);
});
```
2. 对于"停止"按钮,当用户点击时,需要清除之前的定时器,这通过`clearInterval`函数完成,传入`intervalId`作为参数:
```javascript
const stopButton = document.getElementById('stop-button');
stopButton.addEventListener('click', function() {
clearInterval(intervalId); // 清除定时器
});
```
这样,每当用户点击"开始",计时器就会启动生成随机数,直到他们点击"停止",计时器才会暂停。
阅读全文