美文网首页
如何用js实现暴富???

如何用js实现暴富???

作者: 周周很可爱 | 来源:发表于2019-10-16 21:08 被阅读0次

    今天无意间看到了双色球的开奖,发现一等奖竟然中了10注。突然看到了发家致富的路子。下面就教大家如何敲出双色球的代码,实现早日暴富。
    双色球的规则是红球6个,1-33中生成 ,蓝球1个,1-16中生成。双色球号码从小到大的顺序输出,且无重复数字。不足两位的号码高位补0。

    html样式

        <ul>
        <li></li>      //创建7个li;前6个是红球
        <li></li>
        <li></li>
        <li></li>
        <li></li>
        <li></li>
        <li></li>最后一个是篮球
       </ul>
      <button id="start">开始</button>         //开始按钮
      <button id=stop>停止</button>          //结束按钮
    

    css样式

    * {
     margin: 0;
     padding: 0;
     list-style: none;
     }
    
    ul > li {
      width: 50px;
       height: 50px;
       background-color: red;
       border: black 1px solid;
       border-radius: 50%;
       font-size: 16px;
       text-align: center;
       line-height: 50px;
       color:white;
       float: left;    
     }
     ul>li:nth-last-child(1){//最后一个设置为蓝球
    border: black 1px solid;
    color:white;
    float: left;
    width: 50px;
    height: 50px;
    background-color: blue;
    /* border: red 1px solid; */
    border-radius: 50%;
    font-size: 16px;
    text-align: center;
    line-height: 50px;
    
    }
    

    js样式

       var list = document.querySelectorAll("ul li");//获取每一个li(放双色球号码)
       var  start = document.getElementById("start");//获取开始按钮
       var   stop = document.getElementById("stop");//获取停止按钮
       
        //封装一个函数,功能为随机选红(蓝) 球里的数
     function randoms(start, end, lens) {   //三个参数 start为随机数的起始值;end为随机数的结束值  lens为红(蓝)号码所在数组的长度;
          var arr =  []     //创建一个空的数组,目的是下边去接随机出来的内容
          while (arr.length < lens) {               //用while去循环遍历新创建的arr数组;(while循环的功能是—先判断,再循环);
          var sj = Math.floor(Math.random() * (end- start + 1) + start)      //star到stop的随机数
                  if (arr.indexOf(sj) == -1) {         //去除数组重复,indexOf()的功能是,在数组中找不见这一项,就返回 -1;
                    arr.push(sj)                                  //只要数组中没有当前随机出来的数,我们就把它推(push)进我们创建的新数组
                }
            }
            return arr                   //函数最终返回的是接不重复随机数的数组arr
        }
       
    
      //封装一个红蓝色球的产生及写入
        function arrWrite() {
            var redarr = randoms(32, 1, 6);  //红色球
            var bluearr = randoms(16, 1, 1);  //蓝色球
            redarr.sort(function (a, b) {    //红色球排序(升序)
                return a - b
            })
            var brr = redarr.concat(bluearr);  //红蓝色球合并在一个数组里
    
            for (var i in brr) {       //遍历合并后的双色球,并写入
               lis[i].innerHTML = brr[I]//将合并的数组brr的每一项写入到每一个li标签,(html写入到标签里面的内容会在浏览器页面显示)
          
            }
        }
    
            arrWrite()   // 调用红篮球的函数,目的是在我们一打开页面,就会出现             一组红蓝球随机号码
           var timer = null;       //创建一个空的名字,去接计时器
           start.onclick = function () {          //开始键的点击事件
            timer = setInterval(arrWrite,10)    //计时器 //调用红篮色球的函数
            
             start.disabled = true;               //点击开始之后,禁用开始键,使其不能点击
         }
             stop.onclick = function () {          //停止键的点击事件
             clearInterval(timer);               //清楚定时器
             start.disabled = false;              //点击停止键之后,让开始键解禁
        }
    
    屏幕快照 2019-10-16 下午2.09.18.png

    这就是我们最终敲出的双色球,当我们点击开始按钮时,定时器运行,循环出现七位随机数,开始按钮为禁用状态,为了防止定时器叠加;当我们点击停止按钮的时候,随机数暂停,清除定时器;
    是不是很神奇呢,不说了,我要去买双色球发家致富了哈哈(小编能力有限,如有错误,望多指教,谢谢!)


    19126126-aa28f4d6f7a6b81a.jpg

    相关文章

      网友评论

          本文标题:如何用js实现暴富???

          本文链接:https://www.haomeiwen.com/subject/jcfpmctx.html