LOFTER-网易轻博

先定义绘图区域：

<canvas id="canvas" width="800px" height="800px" style="border:2px solid #000000;"></canvas>

然后编写JS：

var canvas = document.querySelector('#canvas');

var ctx = canvas.getContext('2d');

var n;

setInterval(function(){

    for(var j=0;j<8;j++){

        for(var i = 0;i<8;i+=2){

            j%2==0?n=i:n=i+1; //n = i(0 2 4 6) n=i+1(1 3 5 7)

            ctx.fillStyle=rgb();

            ctx.fillRect(n*100,100*j,100,100)

        }

     }

 },200)

function rgb(){

    var r = Math.floor(Math.random()*256);

    var g = Math.floor(Math.random()*256);

    var b = Math.floor(Math.random()*256);

    return 'rgb('+ r +','+g+','+ b + ')';

}