首页用html输入随机点名 let arr1=["张俊","张俊杰","可可","小欣"]

用html输入随机点名 let arr1=["张俊","张俊杰","可可","小欣"]

时间: 2024-11-18 08:04:21 浏览: 20

在HTML中直接创建随机点名的功能通常需要结合JavaScript。你可以使用`<script>`标签添加一些动态内容生成。下面是一个简单的示例，展示了如何使用JavaScript来实现这个功能： ```html <!DOCTYPE html> <html lang="zh"> <head> <meta charset="UTF-8"> <title>随机点名</title> </head> <body> <h1 id="randomName">即将点名...</h1> <script> // 定义数组 const arr = ["张俊", "张俊杰", "可可", "小欣"]; // 随机选择数组中的一个元素 function getRandomItem(arr) { return arr[Math.floor(Math.random() * arr.length)]; } // 更新页面上显示的随机名字 function updateRandomName() { document.getElementById("randomName").innerText = getRandomItem(arr); } // 每隔一段时间更新一次，例如每秒一次 setInterval(updateRandomName, 1000); </script> </body> </html> ``` 在这个例子中，我们首先定义了一个包含学生姓名的数组。然后，我们定义了一个函数`getRandomItem`用于从数组中随机获取一个元素。接着，在`updateRandomName`函数中，我们将这个随机选取的名字显示在一个`<h1>`标签中。最后，通过`setInterval`每秒钟调用一次`updateRandomName`，实现了随机点名的效果。

阅读全文