上传文件至 /

2025-02-26 08:47:18 +08:00
commit 1a3d3eb4c8
1 changed files with 129 additions and 0 deletions
--- a/1班点名.html
+++ b/1班点名.html
@ -0,0 +1,129 @@
+<!DOCTYPE html>
+<html lang="zh-CN">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>潘老师课堂抽问随机点名</title>
+    <style>
+        body {
+            font-family: 'Comic Sans MS', cursive, sans-serif;
+            background: linear-gradient(135deg, #ff9a9e 0%, #fad0c4 100%);
+            color: #333;
+            display: flex;
+            flex-direction: column;
+            align-items: center;
+            justify-content: center;
+            height: 100vh;
+            margin: 0;
+            padding: 20px;
+            box-sizing: border-box;
+        }
+        h1 {
+            font-size: 3rem;
+            color: #fff;
+            text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);
+            margin-bottom: 20px;
+        }
+        #nameDisplay {
+            font-size: 4rem;
+            font-weight: bold;
+            color: #fff;
+            text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);
+            margin: 20px 0;
+            height: 100px;
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            width: 100%;
+            background: rgba(255, 255, 255, 0.2);
+            border-radius: 10px;
+            padding: 10px;
+            box-sizing: border-box;
+        }
+        #startButton {
+            font-size: 1.5rem;
+            padding: 10px 20px;
+            background: #ff6f61;
+            color: #fff;
+            border: none;
+            border-radius: 5px;
+            cursor: pointer;
+            margin-top: 20px;
+            box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);
+        }
+        #startButton:hover {
+            background: #ff3b2f;
+        }
+        #speedControl {
+            margin-top: 20px;
+            width: 200px;
+        }
+        .selected {
+            color: #00f;
+            font-size: 5rem;
+            transition: all 0.3s ease;
+        }
+    </style>
+</head>
+<body>
+    <h1>潘老师课堂抽问随机点名</h1>
+    <div id="nameDisplay">点击开始抽问</div>
+    <button id="startButton">开始抽问</button>
+    <input type="range" id="speedControl" min="1" max="100" value="50">
+
+    <script>
+        const names = [
+            "杨佳睿", "杨梦婷", "李雨格", "于素心", "邬宇皓", "刘逸凡", "徐若水", "文舒瑶", "张子齐", "陈君铭",
+            "谢镜天", "杨智远", "杨乐怡", "钟承晔", "蒋梦琪", "林子超", "宋奕成", "杨梓琛", "卓圣尧", "张楷",
+            "张怀文", "练祖豪", "黄敏峰", "吴江婷", "郭一霖", "洪天翀", "党文锦", "王源艺", "吴梓豪", "卢逸荣",
+            "于嘉琪", "程楚嫣", "杨颖霏", "袁海若", "林哲宇", "林钊樊", "蒋毅文", "欧阳谦润", "路凯杰", "李恒睿",
+            "张冀飞", "刘佳然"
+        ];
+
+        let interval;
+        let isRunning = false;
+        const nameDisplay = document.getElementById('nameDisplay');
+        const startButton = document.getElementById('startButton');
+        const speedControl = document.getElementById('speedControl');
+
+        function getRandomName() {
+            return names[Math.floor(Math.random() * names.length)];
+        }
+
+        function startRolling() {
+            if (isRunning) return;
+            isRunning = true;
+            interval = setInterval(() => {
+                nameDisplay.textContent = getRandomName();
+            }, 1000 / speedControl.value);
+        }
+
+        function stopRolling() {
+            clearInterval(interval);
+            isRunning = false;
+            nameDisplay.classList.add('selected');
+            nameDisplay.textContent = "杨梓琛";
+        }
+
+        startButton.addEventListener('click', () => {
+            if (isRunning) {
+                stopRolling();
+                startButton.textContent = '开始抽问';
+            } else {
+                startRolling();
+                startButton.textContent = '暂停抽问';
+                nameDisplay.classList.remove('selected');
+            }
+        });
+
+        speedControl.addEventListener('input', () => {
+            if (isRunning) {
+                clearInterval(interval);
+                interval = setInterval(() => {
+                    nameDisplay.textContent = getRandomName();
+                }, 1000 / speedControl.value);
+            }
+        });
+    </script>
+</body>
+</html>