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

前端之家收集整理的这篇文章主要介绍了基于javascript实现彩票随机数生成(简单版)前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

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

效果图:

具体代码

<Meta charset="UTF-8"> Math.random<a href="https://www.jb51.cc/tag/fangfa/" 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/shengcheng/" target="_blank" class="keywords">生成</a>

<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);
}

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

原文链接:https://www.f2er.com/js/50630.html

猜你在找的JavaScript相关文章