发表于: 2017-03-30 19:33:28
1 1235
今天完成的事情:改了一天都任务1的bug,在金超师兄的指导下总算完成了。虽说自己还有很多逻辑看不明白。相信会越来越好的。
明天计划的事情:开始看任务2;
遇到的问题:刚开始的时候随机取3个格子老是会取到重复的。后来在师兄的指导下,将取出的值放入数组,再判断数组是否有重复,如果有重复的话重新取值。但是由于我写的逻辑有问题,导致有时候会格子会出现4个或5个都变了颜色。所以增加一行代码重新取值之前再重制一下颜色,这样就ok了。
收获:进一步加深了对js的理解。以及对象,数组要如何去使用。
var rand;
var color;
var bol = true; 这是师兄给我加的 我还有些不太明白。
//var timer = setInterval(colorChange,1000);
//window.clearInteval(timer);
var wrap = document.getElementById("wrap");
var boxs = wrap.getElementsByTagName("div");
function stop() {
bol=true;
clearInterval(timer);
for (var i = 0; i < boxs.length; i++) {
boxs[i].style.backgroundColor = '#fff';
}
}
function flash(){
if (bol) {
timer=setInterval(colorChange,1000);
}else return;
//timer=setInterval(colorChange,1000);
bol=false;
}
function aaa (){
arr = [];
for (var i = 0; i < boxs.length; i++) {
boxs[i].style.backgroundColor = '#fff';
}
for (var j = 0; j < 3; j++){
rand = Math.floor(Math.random() * 9);
arr.push(rand);
color='#'+(Math.random()*0xffffff<<0).toString(16);
boxs[rand].style.backgroundColor = color;
}
if (arr[0]==arr[1]||arr[2]==arr[1]||arr[0]==arr[2]) {
aaa();
}
}
function colorChange() {
for (var i = 0; i < boxs.length; i++) {
boxs[i].style.backgroundColor = '#fff';
}
aaa();
}
评论