编写html点名代码从ABCD四个学生中抽出三个点击开始按钮不断显示点名结果点击完成按钮停止点名并显示最终结果。
<!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/e9AI 著作权归作者所有。请勿转载和采集!