JS扫雷

来源：互联网发布：橡胶木家具知乎编辑：程序博客网时间：2024/06/04 23:48

原作者来自JAVAEYE，原程序缺少右键标记。我对程序做了稍许修改，并增加了十分简单的计时、积分和称号，感谢原作者得辛勤工作。先上图

代码如下：

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"><html><head><meta http-equiv="Content-Type" content="text/html; charset=gbk"><title>Untitled Document</title><mce:script type="text/javascript"></mce:script><mce:style type="text/css"></mce:style><style type="text/css" mce_bogus="1">/*初始状态*/.f0{background-color:#425ccd}/*鼠标悬停状态*/.f1{background-color:#609aff}/*扫雷状态*/.f2{background-color:#cbd8ea}/*地雷状态*/.f3{background-color:#cbd8ea;background-image:url("mine2.png")}/*扫出的地雷*/.f4{background-color:#cbd8ea;background-image:url("mine.png")}.f5{background-color:#cbd8ea;background-image:url("mark.jpg")}td {width:18px;}tr {height:18px;} font{font-weight:bolder;}.n1{color:#4050be}.n2{color:#1e6902}.n3{color:#b05964}.n4{color:#010184}.n5{color:#8c2d34}.n6{color:#ff0080}.n7{color:#ff8000}.n8{color:#00ffff}#main{position:absolute;z-index:50; visibility:hidden}</style> <mce:script type='text/javascript'></mce:script></head><body bgcolor="#e8e8e8" oncontextmenu   =   "return false" ><form name="FrmSetting"><font size="4">难度</font>    <div><input type="radio" name="level" value="0" checked="checked"><b>初级</b>（10个雷，9*9平铺网格）<br/><input type="radio" name="level" value="1"><b>中级</b>（40个雷，16*16平铺网格）<br/><input type="radio" name="level" value="2"><b>高级</b>（99个雷，16*30平铺网格）<br/><input type="radio" name="level" value="3"><b>自定义</b> 高度(9-24)(H)<input type="text" id="height" value="9" size="2">  宽度(9-30)(W)<input type="text" id="width" value="9" size="2">  雷数(10-668)(M)<input type="text" id="mine" value="10" size="3"></div>          <b> 计时：</b><input type="text" id="calculagraph"  readonly size="4"><br/><input type="button" value="开始游戏" onclick="init();"></form> <div id="main" align="center">   <span id="warnInfo"></span>           <input type="button" value="再玩一盘" onclick="closeWin();"/>        </div><div align="center" id="MainArea"></div></body></html>

涉及到的图片：

核心部分就是showNum和Array.prototype.has ，里面包含了点击展开的递归算法和判断雷位置的算法。