编写html抽签代码从数字1-80中抽出1个质数和1和非质数点击开始按钮不断显示抽签结果点击停止按钮停止抽签并显示最终结果。
<!DOCTYPE html>
<html>
<head>
<title>抽签</title>
<script>
var timer; // 用于存储定时器
var primeList = [2, 3, 5, 7, 11, 13, 17, 19, 23, 29, 31, 37, 41, 43, 47, 53, 59, 61, 67, 71, 73, 79]; // 质数列表
var numList = []; // 数字列表
<pre><code> // 初始化数字列表
for (var i = 1; i <= 80; i++) {
numList.push(i);
}
// 判断一个数是否为质数
function isPrime(num) {
if (num < 2) {
return false;
}
for (var i = 2; i <= Math.sqrt(num); i++) {
if (num % i == 0) {
return false;
}
}
return true;
}
// 随机抽取一个质数和一个非质数
function drawNum() {
var primeIndex = Math.floor(Math.random() * primeList.length);
var primeNum = primeList[primeIndex];
var nonPrimeList = numList.filter(function(num) {
return !isPrime(num);
});
var nonPrimeIndex = Math.floor(Math.random() * nonPrimeList.length);
var nonPrimeNum = nonPrimeList[nonPrimeIndex];
return [primeNum, nonPrimeNum];
}
// 显示抽签结果
function showResult() {
var num = drawNum();
document.getElementById("prime").innerHTML = num[0];
document.getElementById("non-prime").innerHTML = num[1];
}
// 开始抽签
function start() {
timer = setInterval(showResult, 100);
document.getElementById("start-btn").disabled = true;
document.getElementById("stop-btn").disabled = false;
}
// 停止抽签
function stop() {
clearInterval(timer);
document.getElementById("start-btn").disabled = false;
document.getElementById("stop-btn").disabled = true;
var num = drawNum();
document.getElementById("prime").innerHTML = num[0];
document.getElementById("non-prime").innerHTML = num[1];
alert("质数：" + num[0] + "\n非质数：" + num[1]);
}
</script>
</code></pre>
</head>
<body>
<h1>抽签</h1>
<p>质数：<span id="prime"></span></p>
<p>非质数：<span id="non-prime"></span></p>
<button id="start-btn" onclick="start()">开始</button>
<button id="stop-btn" onclick="stop()" disabled>停止</button>
</body>
</html
原文地址: https://www.cveoy.top/t/topic/e9CM 著作权归作者所有。请勿转载和采集!