首页 > 技术文章 > JavaScript:颜色辨别

luchengming 2016-10-10 17:29 原文

    <script>
        //参考文章:http://www.cnblogs.com/xuechenlei/p/5940729.html
        //游戏页面:http://www.webhek.com/color-test
        //具体代码:
        //找到“开始游戏”按钮
        document.getElementsByClassName("play-btn")[0].onclick = function () {
            //每隔10ms执行一次方法
            setInterval(function () {
                var span = document.getElementById("box").children;//找到页面的所有小方块
                var spanLen = span.length;//小方块的个数
                //循环小方块,找出背景颜色不一样的小方块
                for (var i = 0; i < spanLen; i++) {
                    var n1 = (i + 1) % spanLen;
                    var n2 = (i + 2) % spanLen;
                    var color = span[i].style.backgroundColor;//找背景颜色
                    var n1color = span[n1].style.backgroundColor;
                    var n2color = span[n2].style.backgroundColor;
                    //对比颜色
                    if (color != n1color && color != n2color) {
                        span[i].click();//让颜色不一样的小方块点击一下
                        break;//跳出循环
                    }
                }
            }, 10);
        }
    </script>

颜色辨别!!!!!

推荐阅读