zoukankan      html  css  js  c++  java
  • js 简版双色球 取号

    <style type="text/css">
        span{
            display: block;
            float: left;
            width: 50px;
            height: 50px;
            border: 1px solid red;
            background-color: #000;
        }
        div{
            width: 520px;
            height: 520px;
            margin: 0 auto;
            overflow: hidden;
            border: 1px solid red;
        }
    </style>
    <div></div>
    <button>start</button>
    <h1></h1>
    <script type="text/javascript">
        var div=document.getElementsByTagName('div')[0];
        var btn=document.getElementsByTagName('button')[0];
        var h1=document.getElementsByTagName('h1')[0];
        for(var i=1;i<34;i++){
            var span=document.createElement('span');
            span.innerHTML=i;
            div.appendChild(span);
        };   
        var spans=div.getElementsByTagName('span');
        function white(obj){
            obj.style.backgroundColor="#fff";
        };
        function sortNumber(a,b){
            return a-b;
        };
        function checkRepeat(num,arr){
            for(var i=0,j=arr.length;i<j;i++){
                if (num==arr[i]) {
                    return false;
                };
            };
            return true;
        };
        btn.onclick=function(){
            // 初始化
                h1.innerHTML="";
                for(var i=0,j=spans.length;i<j;i++){
                    spans[i].style.backgroundColor="#000";
                }
            // 循环的到6个数
                var poor=[];        
                for(var i=0,j=6;i<j;i++){
                    var num=Math.floor(spans.length*Math.random());
                    if (checkRepeat(num,poor)) {
                        poor.push(num);                
                    }else{
                        j++;
                    };       
                };
            // 排序
                var poorSort=poor.sort(sortNumber);
                // 另一种高效排序
                    function quicksort(arr){
                        if (arr.length == 0)
                            return [];         
                        var left = new Array();
                        var right = new Array();
                        var pivot = arr[0];         
                        for (var i = 1; i < arr.length; i++) {
                            if (arr[i] < pivot) {
                               left.push(arr[i]);
                            } else {
                               right.push(arr[i]);
                            }
                        } 
                        return left.concat(pivot, right);     
                        // return quicksort(left).concat(pivot, quicksort(right));
                    }
                // var poorSort=quicksort(poor);
            // 显示数据
                for(var i=0,j=poorSort.length;i<j;i++){
                    white(spans[poorSort[i]]);            
                    h1.innerHTML=h1.innerHTML+parseInt(poorSort[i]+1);
                    if (i<j-1) {
                      h1.innerHTML=h1.innerHTML+",";  
                    };
                };        
        }
    </script>
    View Code
  • 相关阅读:
    微人事项目-mybatis-持久层
    通过外键连接多个表
    springioc
    Redis 消息中间件 ServiceStack.Redis 轻量级
    深度数据对接 链接服务器 数据传输
    sqlserver 抓取所有执行语句 SQL语句分析 死锁 抓取
    sqlserver 索引优化 CPU占用过高 执行分析 服务器检查
    sql server 远程备份 bak 删除
    冒泡排序
    多线程 异步 beginInvoke EndInvoke 使用
  • 原文地址:https://www.cnblogs.com/justSmile2/p/10767235.html
Copyright © 2011-2022 走看看