js实现单元格随机变色 Math.random(）

    <script>
        var  a=Math.random()*255;
        var  a=Math.floor(a);
        var  g=Math.random()*255;
        var  g=Math.floor(g);
        var  b=Math.random()*255;
        var  b=Math.floor(b);
        var  c=Math.random()*255;
        var  c=Math.floor(c);
        var  d=Math.random()*255;
        var  d=Math.floor(d);
        var  e=Math.random()*255;
        var  e=Math.floor(e);
        var  f=Math.random()*255;
        var  f=Math.floor(f);
        document.write(`
        <table style="width:500px;height:500px;border:1px solid red">
            <tr>
                <td style="background-color:rgb(${a},${b},${c});"></td>
                <td style="background-color:rgb(${b},${c},${d});"></td>
                <td style="background-color:rgb(${d},${c},${a});"></td>
                <td style="background-color:rgb(${a},${a},${a});"></td>
                <td style="background-color:rgb(${b},${b},${b});"></td>
            </tr>
            <tr>
                <td style="background-color:rgb(${c},${c},${c});"></td>
                <td style="background-color:rgb(${d},${d},${d});"></td>
                <td style="background-color:rgb(${c},${b},${a});"></td>
                <td style="background-color:rgb(${b},${c},${a});"></td>
                <td style="background-color:rgb(${c},${b},${d});"></td>
            </tr>
            <tr>
                <td style="background-color:rgb(${c},${b},${a});"></td>
                <td style="background-color:rgb(${e},${e},${e});"></td>
                <td style="background-color:rgb(${a},${b},${e});"></td>
                <td style="background-color:rgb(${b},${c},${a});"></td>
                <td style="background-color:rgb(${e},${a},${b});"></td>
            </tr>
            <tr>
                <td style="background-color:rgb(${e},${b},${c});"></td>
                <td style="background-color:rgb(${e},${c},${d});"></td>
                <td style="background-color:rgb(${e},${d},${c});"></td>
                <td style="background-color:rgb(${e},${c},${b});"></td>
                <td style="background-color:rgb(${f},${f},${f});"></td>
            </tr>
            <tr>
                <td style="background-color:rgb(${f},${b},${a});"></td>
                <td style="background-color:rgb(${f},${b},${c});"></td>
                <td style="background-color:rgb(${f},${a},${a});"></td>
                <td style="background-color:rgb(${f},${d},${a});"></td>
                <td style="background-color:rgb(${c},${b},${f});"></td>
            </tr>
        </table>
        `)

Math API

random（）：0-1之间的随机小数 不包含1；

输出结果：刷新一次随机变色一次

 第二种方法：输出行列，外层控制行，内层控制列  Math.round():四舍五入

<script>   
document.write("<table border='1' width='300' height='300'>")
    for(var i =1;i<5;i++){   //外层控制行
      document.write("<tr>")
       for(var j=1;j<6;j++){  //内层控制列
           var r = Math.round(Math.random()*255); 
           var g = Math.round(Math.random()*255); 
           var b = Math.round(Math.random()*255); 
        document.write("<td style=\"background:rgb("+r+","+g+","+b+")\">"+j+"</td>")
       }
      document.write("</tr>")
    }
 document.write("</table>")
</script>

输出结果：