基于javascript实现彩票随机数生成简单版

本文实例讲解了JavaScript 实现彩票中随机数组的获取详细代码，分享给大家供大家参考，具体内容如下

效果图：

具体代码：

rush:xhtml;"> <Meta charset="UTF-8"> 获取随机数组

<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/yige/" 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);
}

以上就是本文的详细内容，希望对大家的学习javascript程序设计有所帮助。