首页 > 编程语言 > 详细

JavaScript:颜色辨别

时间:2016-10-10 20:43:39      阅读:162      评论:0      收藏:0      [点我收藏+]
    <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:颜色辨别

原文:http://www.cnblogs.com/luchengming/p/5946651.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!