<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>caipiao</title> </head> <body> <div id="wrap"></div> <button id="goBtn">go</button> <button id="stopBtn">stop</button> <script type="text/javascript"> var wrap = document.getElementById("wrap"); var goBtn = document.getElementById("goBtn"); var stopBtn = document.getElementById("stopBtn"); function rnd(min, max) { return parseInt(Math.random()*(max - min + 1) + min); } function rndArray(min, max, length) { //先定义一个空数组 var arr = []; //生成一个长度为7的数组 while(arr.length < length) { //生成一个随机数 var rand = rnd(min, max); //判断生成的随机数rand是否在数组arr里,果然不在,就将这个随机数插入到数组里,如果在,执行下一次循环 if(arr.indexOf(rand) == -1) { arr.push(rand); } } arr.sort(function(a, b){return a - b;}) return arr; } //rndArray(最小范围值,最大范围值,个数) wrap.innerHTML = rndArray(1,33,7); var timer = 0; goBtn.onclick = function() { clearInterval(timer); timer = setInterval(function() { wrap.innerHTML = rndArray(1,33,7); },100) console.log(timer); } stopBtn.onclick = function() { clearInterval(timer); } </script> </body> </html>
随机抽选
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>caipiao</title> <style type="text/css"> * { margin:0; padding: 0; } #wrap { width:621px; margin:0 auto; padding:50px 0; background-color:rgb(255, 242, 242); } #inner { width:490px; margin:0 auto; overflow: hidden; } #inner span { float: left; width:30px; height: 30px; border-radius: 15px; border:1px solid #d9d9d9; line-height: 30px; text-align: center; color:#333; background-color: #f8f8f8; margin:18px 6px; } #inner span.active { background-color: red; color:#fff; } #wrap p { text-align: center; } button { border:none; outline: none; width:120px; height: 40px; line-height: 40px; font-size: 20px; border-radius: 4px; } #selectBtn { background-color: red; color:#fff; } </style> </head> <body> <div id="wrap"> <div id="inner"> <span>01</span> <span>02</span> <span>03</span> <span>04</span> <span>05</span> <span>06</span> <span>07</span> <span>08</span> <span>09</span> <span>10</span> <span>11</span> <span>12</span> <span>13</span> <span>14</span> <span>15</span> <span>16</span> <span>17</span> <span>18</span> <span>19</span> <span>20</span> <span>21</span> <span>22</span> <span>23</span> <span>24</span> <span>25</span> <span>26</span> <span>27</span> <span>28</span> <span>29</span> <span>30</span> <span>31</span> <span>32</span> <span>33</span> </div> <p> <button id="selectBtn">机选红球</button> <button id="clearBtn">清空</button> </p> </div> <script type="text/javascript"> var wrap = document.getElementById("wrap"); var selectBtn = document.getElementById("selectBtn"); var clearBtn = document.getElementById("clearBtn"); var ballList = document.getElementById("wrap").getElementsByTagName("span"); function rnd(min, max) { return parseInt(Math.random()*(max - min + 1) + min); } function rndArray(min, max, length) { //先定义一个空数组 var arr = []; //生成一个长度为7的数组 while(arr.length < length) { //生成一个随机数 var rand = rnd(min, max); //判断生成的随机数rand是否在数组arr里,果然不在,就将这个随机数插入到数组里,如果在,执行下一次循环 if(arr.indexOf(rand) == -1) { arr.push(rand); } } arr.sort(function(a, b){return a - b;}) return arr; } selectBtn.onclick = function() { for(var j = 0; j < ballList.length; j++) { ballList[j].className = ""; } var arr = rndArray(1,33,7); console.log(arr); for(var i = 0; i < arr.length; i++) { ballList[arr[i]-1].className = "active"; } } clearBtn.onclick = function() { for(var j = 0; j < ballList.length; j++) { ballList[j].className = ""; } } </script> </body> </html>
要实现点击得到自动随机数还得在clearBtn.onclick前面添加个定时器
var timer = 0; selectBtn.onclick = function() { clearTimeout(timer); timer = setInterval(selectBall,100); setTimeout(function() { clearTimeout(timer); },3000) // clearTimeout(timer); }
这样就实现了动态图的功能了(*^__^*) 嘻嘻!
以上就是本文的全部内容,希望本文的内容对大家的学习或者工作能带来一定的帮助,同时也希望多多支持!
华山资源网 Design By www.eoogi.com
广告合作:本站广告合作请联系QQ:858582 申请时备注:广告合作(否则不回)
免责声明:本站资源来自互联网收集,仅供用于学习和交流,请遵循相关法律法规,本站一切资源不代表本站立场,如有侵权、后门、不妥请联系本站删除!
免责声明:本站资源来自互联网收集,仅供用于学习和交流,请遵循相关法律法规,本站一切资源不代表本站立场,如有侵权、后门、不妥请联系本站删除!
华山资源网 Design By www.eoogi.com
暂无评论...
稳了!魔兽国服回归的3条重磅消息!官宣时间再确认!
昨天有一位朋友在大神群里分享,自己亚服账号被封号之后居然弹出了国服的封号信息对话框。
这里面让他访问的是一个国服的战网网址,com.cn和后面的zh都非常明白地表明这就是国服战网。
而他在复制这个网址并且进行登录之后,确实是网易的网址,也就是我们熟悉的停服之后国服发布的暴雪游戏产品运营到期开放退款的说明。这是一件比较奇怪的事情,因为以前都没有出现这样的情况,现在突然提示跳转到国服战网的网址,是不是说明了简体中文客户端已经开始进行更新了呢?
更新日志
2024年09月24日
2024年09月24日
- 陈随意2008-爱的总铺师[美华][WAV+CUE]
- 裘德《一棵树所创造的》[320K/MP3][56.21MB]
- 裘德《一棵树所创造的》[24bit 48kHz][FLAC/分轨][355.1MB]
- 卓依娜姆《美人谋 网剧影视原声带》[320K/MP3][48.29MB]
- 张星特.2024-流绪呢喃【中视鸣达】【FLAC分轨】
- 邓紫棋.2010-MYSECRET【蜂鸟音乐】【WAV+CUE】
- 江惠仪.2011-感謝您【禾广娱乐】【FLAC分轨】
- 韩红2005-精选[首版][WAV+CUE]
- 张敬轩.2004-A.M/P.M【几何文化】【WAV+CUE】
- 范文芳1999-真心话电影原声带[HYPE][WAV+CUE]
- 袁培华.1990-我写不出一首情歌给我最爱的你【可登】【WAV+CUE】
- 群星.2007-歌林10年流行岁月12CD【歌林】【WAV+CUE】
- 软硬天师.2006-LONG.TIME.NO.SEE【金牌大风】【WAV+CUE】
- 卓依娜姆《美人谋 网剧影视原声带》[FLAC/分轨][162.27MB]
- 国风大师纯音系列《蒋倩 :古筝演奏家》1CD[MP3][160.7MB]