随机抽取，简单代码。 代码如下: <html> <title>随机抽奖程序</title> <head><meta http-equiv=Content-Type content=”text/html; charset=gb2312″> </head> <body> [removed] var alldata = “a,b,c,d,e” var alldataarr = alldata.split(“,”); var num = alldataarr.length-1 ; var timer function change() { document.
在JavaScript中，实现一个简单的随机抽奖程序涉及到几个关键知识点，包括字符串处理、数组操作、随机数生成以及事件处理。以下是对这段代码的详细解释：
1. **字符串处理**：
- `var alldata = “a,b,c,d,e”`：这行代码定义了一个包含多个选项的字符串，选项之间用逗号分隔。
- `alldata.split(“,”)`：使用`split()`方法将字符串`alldata`按逗号分割成一个数组`alldataarr`，数组的每个元素代表一个抽奖选项。
2. **数组操作**：
- `var num = alldataarr.length-1`：计算数组`alldataarr`的长度并减1，得到数组索引的最大值。因为数组的索引是从0开始的，所以`num`实际上是最后一个元素的索引。
3. **随机数生成**：
- `function GetRnd(min,max){ return parseInt(Math.random()*(max-min+1)); }`：这个函数用于生成一个介于`min`和`max`（包括`min`但不包括`max`）之间的随机整数。`Math.random()`返回一个0到小于1的随机浮点数，乘以`(max-min+1)`并转换为整数，确保了结果在指定范围内。
4. **事件处理**：
- `<button onclick=”start()” accesskey=”s”>开始</button>`：这个按钮绑定了`start()`函数，当用户点击时，会开始抽奖循环。
- `<button onclick=”ok()” accesskey=”o”>停止</button>`：这个按钮绑定了`ok()`函数，用户点击后，停止抽奖循环并记录当前的结果。
- `setInterval(‘change()’,10)`：设置定时器，每隔10毫秒调用一次`change()`函数，模拟抽奖过程。
- `clearInterval(timer)`：清除定时器，停止抽奖动画。
5. **HTML元素操作**：
- `document.getElementById(“oknum”).innerHTML`：获取ID为"oknum"的元素的内容，并设置其内容为抽奖结果。
- `document.getElementById(“showresult”).value`：获取ID为"showresult"的输入框的值，设置为抽奖结果。
6. **代码结构**：
- `timer`变量用于存储`setInterval`返回的ID，以便在需要时使用`clearInterval`停止定时器。
- `change()`函数负责更新显示的抽奖结果。
- `start()`函数启动抽奖动画。
- `ok()`函数停止动画并记录结果。
这个简单的抽奖程序展示了如何使用JavaScript动态更新页面内容，处理用户交互，以及生成随机数。它对于初学者理解JavaScript的基础概念和实际应用非常有帮助。通过调整`alldata`字符串和`GetRnd`函数，可以适应不同规模和类型的抽奖场景。
