JavaScript实现随机抽选红球效果

该资源是一个简单的HTML页面，用于实现JavaScript的随机抽选效果，特别是模拟随机抽选红色球，如彩票抽奖。页面包含一个包裹元素`#wrap`用于显示抽选结果，两个按钮`#goBtn`（开始/进行抽选）和`#stopBtn`（停止抽选）。页面中的JavaScript代码主要负责生成随机数和控制抽选过程。 在JavaScript部分，可以看到以下几个关键知识点： 1. **获取DOM元素**：通过`document.getElementById`方法获取HTML元素，例如`wrap`、`goBtn`和`stopBtn`。 2. **随机数生成**：`rnd`函数用于生成指定范围内的随机整数。它使用了`Math.random`来获取0到1之间的随机数，然后乘以(max - min + 1)，再加上min，最后通过`parseInt`转换为整数。 3. **随机数组生成**：`rndArray`函数用于生成指定长度的不重复随机数数组。首先定义一个空数组`arr`，然后在一个循环中不断生成随机数，直到数组长度达到指定长度。生成的随机数通过`indexOf`检查是否已经存在于数组中，避免重复。最后，使用`sort`函数对数组进行升序排序。 4. **数组操作**：在`rndArray`函数中，使用`push`方法向数组中添加元素，以及`indexOf`方法检查元素是否已存在。 5. **事件监听**：`goBtn`按钮的点击事件监听器设置了一个定时器，每100毫秒更新`wrap`的innerHTML为新的随机数组。`stopBtn`按钮的点击事件监听器则用于清除定时器，停止抽选。 6. **定时器操作**：使用`setInterval`函数创建定时器，每隔一定时间（100毫秒）执行抽选更新。`clearInterval`函数用于在停止按钮被点击时清除定时器。 7. **DOM操作**：`wrap.innerHTML`的改变用于实时更新页面上的抽选结果显示，这里用到了JavaScript对DOM的直接操作。 8. **控制台日志**：`console.log(timer)`用于在控制台输出定时器的ID，这在调试过程中很有用。 这个示例提供了一个基本的随机抽选效果的实现，可以作为学习JavaScript基础、DOM操作、事件处理和随机数生成等概念的一个实例。