Home > Article > Web Front-end > Implementing lottery random number generation based on javascript (simple version)_javascript skills

Implementing lottery random number generation based on javascript (simple version)_javascript skills

WBOYOriginal: 2016-05-16 15:20:402084browse

The example in this article explains how to use JavaScript to obtain the detailed code for random arrays in lottery tickets. It is shared with everyone for your reference. The specific content is as follows

Rendering:

Specific code:

<!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>

The above is the detailed content of this article. I hope it will be helpful to everyone in learning javascript programming.

Statement：

The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn

Previous article：JavaScript automatically restores the default text after clicking to clear the text box_javascript skillsNext article：JavaScript automatically restores the default text after clicking to clear the text box_javascript skills

See more

Implementing lottery random number generation based on javascript (simple version)_javascript skills

Related articles