js如何随机让小方格变亮？

在一个大方格里  有很多小方格  这些小方格需要随机变亮  直至所有小方格都变亮。求助啊  哎哎 哎哎 哎哎 哎哎 哎哎 哎哎 哎哎 哎哎
人在江湖，真得好难啊

解决方案 »

  1.   

    这应该最终是随机函数random的问题，就好比彩票一样，每次随机抽取几个，然后让这几个变亮
      

  2.   

    random取值的范围是你的所有ID的编号，定义每次随机取几个即可
      

  3.   

    给一个random的小例子，或者楼主自己上网搜索<html>
    <head>
    <title>用Math.random()和Math.round得到一个0-10之间随机整数的Javascript示例</title>
    </head>
    <body>
    <script type="text/javascript">
    var vNum
    vNum = Math.random()
    vNum = Math.round(vNum*10)
    document.write(vNum)
    </script><p>该Javascript示例解释：这个示例用到了Math.random()，这个函数返回值是一个大于等于0，且小于1的随机数。得到随机数之后，将这个随机数乘以10，那么就得到一个大于等于0，小于10之间的数值，然后再用Math.round四舍五入一下，得到最接近的一个整数。这样最后返回的值是一个大于等于0，小于等于10的整数。</p></body>
    </html>
      

  4.   

    问题很简单,思路也很简单.你可以 把方格 放进一个数组中,每一个格子一个div 并对应一个 id.
    然后随机  产生 id ，改变对应id 的css样子就可以了··思路就是这样咯
      

  5.   

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>无标题文档</title>
    <style>
    *{margin:0; padding:0;}
    table{width:400px;}
    table td{height:35px; border:1px solid #000;}
    </style>
    </head><body>
    <table>
    <tr>
         <td></td>
            <td></td>
            <td></td>
        </tr>
        <tr>
         <td></td>
            <td></td>
            <td></td>
        </tr>
        <tr>
         <td></td>
            <td></td>
            <td></td>
        </tr>
    </table>
    <script>
    var tds = document.getElementsByTagName('td'),
    len = tds.length,old = 0;
    setInterval(function(){
    var count = parseInt(9*Math.random());
    if(count == old){
    arguments.callee();
    }else{

    if(!tds[count].style.background){
    tds[count].style.background = '#333';
    }
    }
    old = count;
    },1000);
    </script>
    </body>
    </html>
      

  6.   


    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>无标题文档</title>
    <style>
    *{margin:0; padding:0;}
    table{width:400px;}
    table td{height:35px; border:1px solid #000;}
    </style>
    </head><body>
    <table>
    <tr>
         <td></td>
            <td></td>
            <td></td>
        </tr>
        <tr>
         <td></td>
            <td></td>
            <td></td>
        </tr>
        <tr>
         <td></td>
            <td></td>
            <td></td>
        </tr>
    </table>
    <script>
    var tds = document.getElementsByTagName('td'),
    len = tds.length,num = 0,
    timer = setInterval(function(){
    var count = parseInt(9*Math.random());
    if(tds[count].style.background){
    for(var i = 0; i < len; i++){
    if(tds[i].style.background){
    num++;
    }
    }
    if(num == 9){
    clearInterval(timer);
    }else{
    num = 0;
    arguments.callee();
    }
    }else{
    if(!tds[count].style.background){
    tds[count].style.background = '#333';
    }
    }
    },1000);
    </script>
    </body>
    </html>
    楼主用这个吧~·我之前发的那个我改了下``这个没问题了~·