发表于: 2017-03-02 22:08:38
1 892
今天完成的事情:
继续js任务一,困难重重,没有完成。
JS颜色取值函数已经完成,又经过师兄指点,排除了随机颜色值与底色一样的情况;
获取三个小格子尝试了几种方法都没能实现;
学习了定时器setTimeout,setInterval,及清除定时器的方法clearTimeout,clearInterval;
学习了JS断点调试;
明天计划的事情:
研究不同方法获取随机颜色值,十六进制颜色值或RGB颜色值等;
继续研究小格子的获取;
学习函数、数组相关知识;
复习定时器相关知识;
遇到的问题:
随机颜色值取好后,想到要排除底色,以防颜色变化时,只有两种颜色,尽管出现底色的概率很少,但是这一点也要考虑到,下面列出了我的正确方法及错误方法,继续思考;
// 获取随机颜色
function getColor() {
var colorArr = ["0", "1", "2", "3", "4", "5", "6", "7", "8", "9", "a", "b", "c", "d", "e", "f"];
function getRandomColor() {
var colorVal = "#";
for (var i = 0; i < 6; i++) {
colorVal += colorArr[Math.round(Math.random() * 15)];
}
return colorVal;
}
// 排除底色
var bgColor = getRandomColor();//运行函数,赋值给变量;
if (bgColor != "#e78326") {
return bgColor;
} else {
getRandomColor();
}
//错误写法,这样的话20行与21行的getRandomColor()会是不同的值;
// if (getRandomColor() != "#e78326") {
// return getRandomColor();
// } else {
// getRandomColor();
// }
// colorVal是局部变量,这里取不到
// if (colorVal != "#e78326") {
// return colorVal;
// } else {
// getRandomColor();
// }
}
随机选取3个小格子还没有解决,尽管今天师兄花了不少时间给予指导,后来给了我思路,但是还没没能完成,自己的思路与大家完成的思考不太一样,明天继续琢磨;
定时器的使用还是有一些问题,不点击开始健就开始切换颜色,点击开始健后不会停止;
收获:
如何获取正确的随机颜色值;
对定时器setTimeout,setInterval,及清除定时器的方法clearTimeout,clearInterval有了了解;
学习了JS断点调试,但是不怎么会用;
评论