案例随机点名分析1点击开始按钮随机抽取数组的一个数据放到页面中2点击结束按钮删除数组当前抽取的一个数据3如果只剩下一个数据的时候两个按钮要同时禁用核心利用定时器快速展示停止定时器结束展示实现步骤一、开始按钮模块1获取按钮2给开始按钮添加点击事件3随机抽取数组中的数据4获取到的值写到qs里边去5如果数组里面只有一个值了就没有必要抽取了让两个按钮禁用二、关闭按钮模块1点击关闭按钮关闭定时器2点了结束按钮之后删除当前显示的元素相关代码HTML部分h2随机点名/h2 div classbox span名字是/span div classqs这里显示姓名/div /div div classbtns button classstart开始/button button classend结束/button /div样式部分style * { margin: 0; padding: 0; } h2 { text-align: center; } .box { width: 600px; margin: 50px auto; display: flex; font-size: 25px; line-height: 40px; } .qs { width: 450px; height: 40px; color: red; } .btns { text-align: center; } .btns button { width: 120px; height: 35px; margin: 0 50px; } /style页面展示效果点击开始之后名字开始发生变化点击结束之后页面显示一个名字当再次点击开始之后刚才显示的名字不再显示如果数组只剩下一个名字了则开始和结束按钮禁用。