HTML 点名代码：随机抽取学生并显示结果
<!DOCTYPE html>
<html>
<head>
<meta charset='UTF-8'>
<title>点名</title>
<script>
var students = ['A', 'B', 'C', 'D'];
var selected = [];
var intervalId;
<pre><code> function start() {
var button = document.getElementById('startButton');
button.disabled = true;
intervalId = setInterval(function() {
var index = Math.floor(Math.random() * students.length);
var student = students[index];
selected.push(student);
document.getElementById('result').innerHTML = student;
}, 500);
}
function stop() {
clearInterval(intervalId);
var button = document.getElementById('startButton');
button.disabled = false;
document.getElementById('finalResult').innerHTML = selected.join(', ');
}
</script>
</code></pre>
</head>
<body>
<h1>点名</h1>
<p>从 A, B, C, D 四个学生中抽出三个</p>
<p id='result'></p>
<button id='startButton' onclick='start()'>开始</button>
<button onclick='stop()'>完成</button>
<p id='finalResult'></p>
</body>
</html>
原文地址: https://www.cveoy.top/t/topic/n2x5 著作权归作者所有。请勿转载和采集!