随机抽取学员学号回答问题 |
您所在的位置：网站首页 › 何为随机抽取 › 随机抽取学员学号回答问题 |
随机抽取学员学号回答问题
|
点击“开始”按钮，随机在上方显示出学员的学号，点击按钮内容变成“结束”，再次点击按钮，按钮内容变成“开始”，停止随机学员学号 代码如下： Document .wrapper { width: 200px; text-align: center; margin: 0 auto; } #app { width: 200px; height: 200px; border: 1px solid red; border-radius: 50%; background-color: #ddd9d9; text-align: center; line-height: 200px; color: red; } button{ margin-top: 20px } 等待抽取学员 开始 //css代码 var _app = document.getElementById("app"); var _btn = document.getElementById("btn"); let id;//计时器唯一标识 function chouqu() { let info = _btn.innerText;//获取button内容 if (info == "开始") { _btn.innerHTML = "结束"; //计时生成随机数 id = setInterval(function () { let random = Math.floor(Math.random() * 100); random = (random + "").padStart(2, 0); let str = "全栈1809" + random; _app.innerHTML = str; }, 100) } else { //如果点击结束改为开始 _btn.innerHTML = "开始"; clearInterval(id); id = null;//结束后将id清空 } } //js代码代码实现如图（学号后两位随机）： ①初始状态
②点击开始状态
③暂停状态
|
【本文地址】