发表于: 2016-08-22 14:08:59

1 2158


实现思路:

1.随机获取红黄蓝三种颜色的一种

2.随机获取九个格子的一个

3.把随机色赋值给随机格

js代码如下:

function radom(){
    var grid = document.getElementById("grid").getElementsByTagName("li"); //获得一个数组
    // 把所有格子顏色換成白色
   for(var i = 0 ; i < grid.length  ; i++) {
    grid[i].style.background = "#fff"
    }
    var radomList = grid[getGrid()];//返回的随机的Li元素
    var radomColor = getColor();//返回的随机颜色
     radomList.style.background = radomColor;
     console.log("格子"+getGrid()+"变成了"+radomColor)
    }

//随机获取九宫格中的一个格子的下标
function getGrid(){
    var grid = document.getElementById("grid").getElementsByTagName("li")
    var i = Math.floor(Math.random()*grid.length);
    return i;
    }

//随机获取红绿蓝三种颜色中的一个颜色。
function getColor(){
    var color = Math.ceil(Math.random()*3)
    if(color===1){
    return  "red";    
        }
    if(color===2){
    return  "green";    
        }
    if(color===3){
    return  "blue";    
        }
    }
setInterval(function(){  //创建一个定时器
        radom();
    },1000)    


返回列表 返回列表
评论

    分享到