发表于： 2021-01-09 21:13:33
1 1186
今天完成的事情：
重写任务1
// dom操作获取全部小格子
var box = document.getElementsByClassName("box")
var time;
// 随机取得小格子中的3个格子
/*遍历9个格子重置颜色*/
function reset() {
for (var i = 0; i < box.length; i++) {
box[i].style.background = "#fea500";
}
}
// 获取随机颜色
function colors() {
var rgb;
// rgb取值0-255
var r = Math.floor(Math.random() * 256);
var g = Math.floor(Math.random() * 256);
var b = Math.floor(Math.random() * 256);
rgb = '(' + r + ',' + g + ',' + b + ')';
return rgb;
}
colors()
// var arr = [];
// for (i = 0; i < box.length; i++) {
// arr.push(i);
// }
// console.log(arr)
//
function change() {
reset();
// 声明空数组
var result = [];
for (i = 0; i < 3; i++) {
// 取盒子格数的随机数
result[i] = Math.floor(Math.random() * box.length);
console.log(result[i])
result.push(arr.splice(result[i], 1)[0]);
}
if (result[0] != result[1] && result[0] != result[2] && result[1] != result[2]) {
box[result[0]].style.background = 'rgb' + colors();
box[result[1]].style.background = 'rgb' + colors();
box[result[2]].style.background = 'rgb' + colors();
} else {
}
}
function start() {//触发变色
clearInterval(time);//停止周期调用函数
time = setInterval("change()", 1000);//将周期调用函数放入z变量并直接触发
}
/*结束闪*/
function end() {//停止变色并重置
clearInterval(time);//停止周期调用函数
reset();
}
问题：
不懂关于this的取向
返回列表
评论