代码如下: <!DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.01 Transitional//EN” “http://www.w3.org/TR/html4/loose.dtd”> <html> <head> <meta http-equiv=”Content-Type” content=”text/html; charset=gb2312″> <title>点名</title> [removed] var status = 1; var name = new Array
这是一个使用JavaScript实现的简单随机点名程序，它嵌入在一个HTML文档中。程序的主要目标是显示数组`name`中的一个随机姓名，并且允许用户通过点击点名框来暂停或继续点名过程。以下是对该程序各个部分的详细解释：
1. **HTML结构**：
- `<!DOCTYPE HTML>`声明这是符合HTML5标准的文档。
- `<head>`部分包含了文档的元数据，如字符编码（`charset=gb2312`）和页面标题（`<title>点名</title>`）。
- `<script>`标签用于引入JavaScript代码，`language="javascript"`和`type="text/javascript"`是老式的属性，现代浏览器可以自动识别JavaScript脚本。
- `<style>`标签用于定义CSS样式，以控制点名框的外观。
2. **JavaScript代码**：
- `var status = 1`：`status`变量用于追踪点名状态，1表示运行，0表示停止。
- `var name`是一个数组，包含多个姓名。这些姓名在实际应用中可能会根据需要动态填充。
- `getname()`函数：返回`name`数组中的一个随机姓名，通过`Math.random()`生成0到1之间的随机数，乘以数组长度并向下取整，获取索引。
- `showname()`函数：用于更新点名框显示的姓名。它会调用`getname()`获取新的名字，并使用`document.getElementById("name").innerHTML`改变HTML元素的内联内容。`setTimeout()`设置一个定时器，每200毫秒调用`showname()`一次，实现连续滚动点名。
- `goname()`函数：启动点名过程，设置一个定时器来调用`showname()`函数。
- `stopname()`函数：暂停或恢复点名。如果`status`为1，说明点名正在运行，此时清除定时器（`clearInterval(intimer)`），并将`status`设为0。反之，如果`status`为0，重新启动定时器并切换`status`为1。
3. **CSS样式**：
- `#name`选择器选中了ID为"name"的`div`元素，设置了边框、内边距、字体大小、颜色、宽度、高度和文本对齐方式。`cursor:pointer`让鼠标指针在点名框上显示为手形，表明该元素可点击。
4. **HTML主体**：
- `<body>`标签内的`onLoad="goname()"`使得页面加载完成后立即调用`goname()`函数开始点名。
- `<div id="name" onClick="stopname()">`是点名框，用户点击时会触发`stopname()`函数。
这个简单的点名程序适用于教学环境或者任何需要随机选择个体的场合，例如线上会议。用户可以通过点击屏幕上的点名框来控制点名的暂停与继续，非常直观易用。
