发表于: 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();

}




返回列表 返回列表
评论

    分享到