发表于: 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断点调试,但是不怎么会用;



返回列表 返回列表
评论

    分享到