JavaScript:颜色辨别
2024-08-30 23:54:30
<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>
颜色辨别!!!!!
最新文章
- Java多线程初学者指南(7):向线程传递数据的三种方法
- SQLServer 表结构相关查询(快速了解数据库)
- 项目中必须知道的关于CSS+DIV的常识
- [java] 40个Java多线程问题总结
- 唉,还是Windows好
- Prepare a Nexus Maven private repository
- Eclipse无法识别(手机)设备的解决方案
- 路由模块router实现step1
- 为ASP.NET MVC应用程序实现继承
- grid实例(Asp.net)
- 博三F5第一次站立会议(2019-03-09)
- charles修改接口返回值
- P3047 [USACO12FEB]附近的牛Nearby Cows
- 深度学习卷积网络中反卷积/转置卷积的理解 transposed conv/deconv
- JAVA编程思想学习笔记2-chap4-6-斗之气2段
- MongoDB3.X单机及shading cluster集群的权限管理(基于3.4.5)
- VisualSVN Server 服务器搭建 和 TortoiseSVN的配置和使用方法
- Ubuntu 14.04 下安装 MongoDB 服务器 和 PHP MongoDB Driver 数据驱动
- NFS Iptables放行服务端口
- Cacheable redis 宕机
热门文章
- kendo Cannot read property &#39;call&#39; of undefined
- Ubuntu 16.04下没有“用户和组”功能的问题解决
- VS2017-NetCore项目整合Log4Net
- 从内核源代码配置文件预測泛泰新品(A920 ?)
- Ambari-Blueprint介绍
- 完美解决EditText和ScrollView的滚动冲突(上)
- 【Ubuntu】莫名其妙硬盘空间满了
- 算法题:打印1到最大的n位数
- http协议的MP4文件播放问题的分析
- 使用psutil模块获取电脑运行信息