用java script写一个,完成选号器,要求 点击开始按钮,号码开始变化(号码变化范围1~73) 点击停止按钮,显示号码
时间: 2023-05-28 09:02:48 浏览: 48
这是一个示例代码实现:
```html
<!DOCTYPE html>
<html>
<head>
<title>Lucky Number Selector</title>
</head>
<body>
<h1>Lucky Number Selector</h1>
<p id="number">Click Start to begin selecting numbers.</p>
<button onclick="start()">Start</button>
<button onclick="stop()">Stop</button>
<script>
var intervalId = null; // 变量用来保存定时器ID
var numberEle = document.getElementById('number');
var min = 1, max = 73;
// 点击开始按钮开始随机选号
function start() {
if (intervalId === null) { // 判断是否已经开始
intervalId = setInterval(function() { // 每100毫秒变化一下号码
var num = randomInt(min, max);
numberEle.textContent = num;
}, 100);
}
}
// 点击停止按钮停止选号
function stop() {
clearInterval(intervalId); // 清除定时器
intervalId = null; // 重置定时器ID
}
// 生成 min ~ max 之间的随机整数
function randomInt(min, max) {
return Math.floor(Math.random() * (max - min + 1)) + min;
}
</script>
</body>
</html>
```
这段代码定义了一个 `intervalId` 变量来保存定时器ID,随机数的范围为 1~73。`start()` 函数用来点击开始按钮开始每 100 毫秒更新一个随机整数,并将其显示在页面上。如果已经开始选号,则不会重复开启新的定时器。`stop()` 函数用来点击停止按钮停止选号。这里使用 `setInterval()` 和 `clearInterval()` 函数来设置和清除定时器。`randomInt()` 函数用来生成 min ~ max 之间的随机整数。
在 HTML 中,我们将两个按钮绑定到 `start()` 和 `stop()` 函数上,并在页面中使用一个 `<p>` 元素来显示当前选定的号码。