js闪耀表格

闪耀表格

<script>
        document.write('<table border="1" width="1200" height="300">');
        for (var i = 0; i < 10; i++) {
            document.write('<tr>');
            for (var j = 1; j < 10; j++) {
                document.write('<td height=40>' + (parseInt(j) + parseInt(9 * i)) + '</td>');
            }
            document.write('</tr>');
        }
        document.write('</table>');
        setInterval(function() {
            var tds = document.querySelector('table');
            var tds = document.querySelectorAll('td');
            for (var k = 0; k < tds.length; k++) {
                var r = Math.floor(Math.random() * 255);
                var g = Math.floor(Math.random() * 255);
                var b = Math.floor(Math.random() * 255);
                // var rgb = '(' + r + ',' + g + ',' + b + ')';
                tds[k].style.backgroundColor = 'rgb(' + r + ',' + g + ',' + b + ')';
            }
        }, 500)
    </script>

以下是效果图 里面的颜色 会不停地变化