首页 > 代码库 > JavaScript:颜色辨别

JavaScript:颜色辨别

    <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>

颜色辨别!!!!!

JavaScript:颜色辨别