首页 > 编程 > JavaScript > 正文

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

2019-11-20 10:49:40
字体:
来源:转载
供稿:网友

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

效果图:

具体代码:

<!DOCTYPE html><html lang="en"><head>  <meta charset="UTF-8">  <title>Math.random方法彩票随机数的生成</title></head><body>  <!-- 设置样式 -->  <input type="text" id="text">  <button id="btnGo">开始</button>  <button id="btnStop">获取随机数组</button>  <script type="text/javascript">    //获取节点    var btnGo = document.getElementById("btnGo");    var btnStop = document.getElementById("btnStop");    var text = document.getElementById("text");    //定义生成最小到最大值的随机函数    function rand(min,max){      return parseInt(Math.random()*( max - min + 1) + min);    }        function start(min,max,length){      //定义空数组     var arr = [];     while(arr.length<length){         //生成一个随机数prem        var prem=rand(min,max);        //判断生成的随机数prem是否在数组arr里,果然不在,就将这个随机数插入到数组里,如果在,执行下一次循环        if(arr.indexOf(prem) == -1){          arr.push(prem);        }     }     //返回数组arr     return arr;    }    var timer = 0;    //单击开始按钮生成随机数组    btnGo.onclick =function(){      //清除      clearInterval(timer);      timer = setInterval(function() {       text.value = start(1,33,7);    },50)    }    //单击停止按钮获取一组随机数    btnStop.onclick =function(){        clearInterval(timer);    }     </script></body></html>

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

发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表