本文实例讲解了JavaScript 实现彩票中随机数组的获取详细代码,分享给大家供大家参考,具体内容如下
效果图:
具体代码:
<Meta charset="UTF-8">
Math.random方法彩票随机数的生成
<script type="text/javascript">
//<a href="https://www.jb51.cc/tag/huoqu/" target="_blank" class="keywords">获取</a>节点
var btnGo = document.getElementById("btnGo");
var btnStop = document.getElementById("btnStop");
var text = document.getElementById("text");
//定义<a href="https://www.jb51.cc/tag/shengcheng/" target="_blank" class="keywords">生成</a>最小到最大值的<a href="https://www.jb51.cc/tag/suiji/" target="_blank" class="keywords">随机</a><a href="https://www.jb51.cc/tag/hanshu/" target="_blank" class="keywords">函数</a>
function rand(min,max){
return parseInt(Math.random()*( max - min + 1) + min);
}
function start(min,max,length){
//定义空数组
var arr = [];
while(arr.length<length){
//<a href="https://www.jb51.cc/tag/shengcheng/" target="_blank" class="keywords">生成</a>一个<a href="https://www.jb51.cc/tag/suiji/" target="_blank" class="keywords">随机</a>数prem
var prem=rand(min,max);
//判断<a href="https://www.jb51.cc/tag/shengcheng/" target="_blank" class="keywords">生成</a>的<a href="https://www.jb51.cc/tag/suiji/" target="_blank" class="keywords">随机</a>数prem是否在数组arr里,果然不在,就将这个<a href="https://www.jb51.cc/tag/suiji/" target="_blank" class="keywords">随机</a>数插入到数组里,如果在,执行下一次循环
if(arr.indexOf(prem) == -1){
arr.push(prem);
}
}
//返回数组arr
return arr;
}
var timer = 0;
//单击开始按钮<a href="https://www.jb51.cc/tag/shengcheng/" target="_blank" class="keywords">生成</a><a href="https://www.jb51.cc/tag/suiji/" target="_blank" class="keywords">随机</a>数组
btnGo.onclick =function(){
//清除
clearInterval(timer);
timer = setInterval(function() {
text.value = start(1,33,7);
},50)
}
//单击停止按钮<a href="https://www.jb51.cc/tag/huoqu/" target="_blank" class="keywords">获取</a>一组<a href="https://www.jb51.cc/tag/suiji/" target="_blank" class="keywords">随机</a>数
btnStop.onclick =function(){
clearInterval(timer);
}