发表于: 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)
评论