body {
font-family: Arial, sans-serif;
text-align: center;
margin: 50px;
}
.result {
font-size: 2em;
margin-top: 20px;
}
点名器
document.addEventListener("DOMContentLoaded", function() {
const namesInput = document.getElementById("namesInput");
const pickButton = document.getElementById("pickButton");
const resultDiv = document.getElementById("result");
const intervalInput = document.getElementById("intervalInput");
const saveButton = document.getElementById("saveButton");
const loadButton = document.getElementById("loadButton");
// 点名功能
pickButton.addEventListener("click", function() {
const names = namesInput.value.trim().split("n").filter(name => name.trim() !== "");
const intervalTime = parseInt(intervalInput.value) || 100;
if (names.length === 0) {
resultDiv.textContent = "请输入至少一个名字。";
return;
}
let iterations = 10;
let interval = setInterval(function() {
const randomIndex = Math.floor(Math.random() * names.length);
resultDiv.textContent = `选中的名字是:${names[randomIndex]}`;
iterations--;
if (iterations === 0) {
clearInterval(interval);
}
}, intervalTime);
});
// 保存名字列表
saveButton.addEventListener("click", function() {
const names = namesInput.value.trim();
localStorage.setItem("namesList", names);
alert("名字列表已保存。");
});
// 导入名字列表
loadButton.addEventListener("click", function() {
const names = localStorage.getItem("namesList");
if (names) {
namesInput.value = names;
alert("名字列表已导入。");
} else {
alert("没有保存的名字列表。");
}
});
});