信鸽网

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

  作者：bea

本文实例讲解了JavaScript 实现彩票中随机数组的获取详细代码，分享给大家供大家参考，具体内容如下 效果图： 具体代码： <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Math.random方法彩票随机数的生成</title></head><body> <!-- 设置样

本文实例讲解了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程序设计有所帮助。




有用  |  无用

猜你喜欢

您可能感兴趣的文章: