js版扫雷实现代码原理不错

更新时间：2009年11月25日 21:33:28 作者：

前一段时间在图书馆看了本关于JavaScript的书，上面讲怎样用js编推箱子小游戏。我想，那扫雷也当然能编出来，然后就用DW试了试，结果如下。

效果图：

以下代码复制粘贴到记事本后保存为.html文件，打开后会出现提示，右击允许即可：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>寻雷-----by 魅月</title> <style type="text/css">  </style> <script language="javascript"> var data=new Array( [0,0,0,0,0,0,0,0,0,0,0], [0,0,0,0,0,0,0,0,0,0,0], [0,0,0,0,0,0,0,0,0,0,0], [0,0,0,0,0,0,0,0,0,0,0], [0,0,0,0,0,0,0,0,0,0,0], [0,0,0,0,0,0,0,0,0,0,0], [0,0,0,0,0,0,0,0,0,0,0], [0,0,0,0,0,0,0,0,0,0,0], [0,0,0,0,0,0,0,0,0,0,0], [0,0,0,0,0,0,0,0,0,0,0], [0,0,0,0,0,0,0,0,0,0,0] ); var count=0; do{ var a=1+Math.round(8*(Math.random())); var b=1+Math.round(8*(Math.random())); if(data[a][b]==0){ data[a][b]="shit"; count+=1; } }while(count<10) for(var i=1;i<10;i++){ for(var j=1;j<10;j++){ if(data[i][j]!="shit"){ var counter=0; if(data[i-1][j-1]=="shit") counter+=1; if(data[i-1][j]=="shit") counter+=1; if(data[i-1][j+1]=="shit") counter+=1; if(data[i][j-1]=="shit") counter+=1; if(data[i][j+1]=="shit") counter+=1; if(data[i+1][j-1]=="shit") counter+=1; if(data[i+1][j]=="shit") counter+=1; if(data[i+1][j+1]=="shit") counter+=1; data[i][j]=counter; } } } function pop(){ event.bubbles=true; var number=parseInt(event.srcElement.getAttribute("id")); var j=number % 10; var i=(number-j)/10; if(data[i][j]=="shit"){ alert("中雷了"); check(); return; } if(data[i][j]==0){ for(var p=i-1;p<i+2;p++){ for(var q=j-1;q<j+2;q++){ var r="" +p+""+q; var oElement=document.getElementById(r); if(oElement){ oElement.innerHTML=data[p][q]; } } } return; } document.getElementById(event.srcElement.getAttribute("id")).innerHTML=data[i][j]; } function check(){ for(var i=1;i<10;i++){ for(var j=1;j<10;j++){ var no="" + i+""+j; document.getElementById(no).innerHTML=data[i][j]; } } } </script> </head> <body> <table id="lei" border="1" align="center" onclick="pop();" > <tr> <td id="11">&nbsp;</td> <td id="12">&nbsp;</td> <td id="13">&nbsp;</td> <td id="14">&nbsp;</td> <td id="15">&nbsp;</td> <td id="16">&nbsp;</td> <td id="17">&nbsp;</td> <td id="18">&nbsp;</td> <td id="19">&nbsp;</td> </tr> <tr> <td id="21">&nbsp;</td> <td id="22">&nbsp;</td> <td id="23">&nbsp;</td> <td id="24">&nbsp;</td> <td id="25">&nbsp;</td> <td id="26">&nbsp;</td> <td id="27">&nbsp;</td> <td id="28">&nbsp;</td> <td id="29">&nbsp;</td> </tr> <tr> <td id="31">&nbsp;</td> <td id="32">&nbsp;</td> <td id="33">&nbsp;</td> <td id="34">&nbsp;</td> <td id="35">&nbsp;</td> <td id="36">&nbsp;</td> <td id="37">&nbsp;</td> <td id="38">&nbsp;</td> <td id="39">&nbsp;</td> </tr> <tr> <td id="41">&nbsp;</td> <td id="42">&nbsp;</td> <td id="43">&nbsp;</td> <td id="44">&nbsp;</td> <td id="45">&nbsp;</td> <td id="46">&nbsp;</td> <td id="47">&nbsp;</td> <td id="48">&nbsp;</td> <td id="49">&nbsp;</td> </tr> <tr> <td id="51">&nbsp;</td> <td id="52">&nbsp;</td> <td id="53">&nbsp;</td> <td id="54">&nbsp;</td> <td id="55">&nbsp;</td> <td id="56">&nbsp;</td> <td id="57">&nbsp;</td> <td id="58">&nbsp;</td> <td id="59">&nbsp;</td> </tr> <tr> <td id="61">&nbsp;</td> <td id="62">&nbsp;</td> <td id="63">&nbsp;</td> <td id="64">&nbsp;</td> <td id="65">&nbsp;</td> <td id="66">&nbsp;</td> <td id="67">&nbsp;</td> <td id="68">&nbsp;</td> <td id="69">&nbsp;</td> </tr> <tr> <td id="71">&nbsp;</td> <td id="72">&nbsp;</td> <td id="73">&nbsp;</td> <td id="74">&nbsp;</td> <td id="75">&nbsp;</td> <td id="76">&nbsp;</td> <td id="77">&nbsp;</td> <td id="78">&nbsp;</td> <td id="79">&nbsp;</td> </tr> <tr> <td id="81">&nbsp;</td> <td id="82">&nbsp;</td> <td id="83">&nbsp;</td> <td id="84">&nbsp;</td> <td id="85">&nbsp;</td> <td id="86">&nbsp;</td> <td id="87">&nbsp;</td> <td id="88">&nbsp;</td> <td id="89">&nbsp;</td> </tr> <tr> <td id="91">&nbsp;</td> <td id="92">&nbsp;</td> <td id="93">&nbsp;</td> <td id="94">&nbsp;</td> <td id="95">&nbsp;</td> <td id="96">&nbsp;</td> <td id="97">&nbsp;</td> <td id="98">&nbsp;</td> <td id="99">&nbsp;</td> </tr> </table> </body> </html>

[Ctrl+A 全选注:引入外部Js需再刷新一下页面才能执行]

您可能感兴趣的文章:

js
扫雷

bootstrap手风琴折叠示例代码分享
这篇文章主要为大家详细介绍了bootstrap手风琴折叠示例代码，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2017-05-05
九种原生js动画效果
这篇文章主要介绍了九种原生js动画效果，个个都非常精彩，都值得大家学习，需要的朋友可以参考下
2015-11-11
JavaScript RegExp 对象用法详解
这篇文章主要介绍了JavaScript RegExp 对象用法详解,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
2019-09-09
js下关于onmouseout、事件冒泡的问题经验小结
第3次遇到这个问题，于是总结了一下，将此短文发在首页，希望对浏览器事件机制有所了解的大侠们给予解答
2010-12-12
详解BootStrap中Affix控件的使用及保持布局的美观的方法
Affix是BootStrap中的一个很有用的控件，他能够监视浏览器的滚动条的位置并让你的导航始终都在页面的可视区域。本文重点给大家介绍BootStrap中Affix控件的使用及保持布局的美观的方法，感兴趣的朋友一起看看吧
2016-07-07
JS如何获取对象键值对中key值的方法
这篇文章主要介绍了JS如何获取对象键值对中key值的方法，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教
2023-06-06
JavaScript函数式编程(Functional Programming)纯函数用法分析
这篇文章主要介绍了JavaScript函数式编程(Functional Programming)纯函数用法,结合实例形式分析了javascript函数式编程中纯函数的函数依赖、所指透明等概念相关原理及使用技巧,需要的朋友可以参考下
2019-05-05
js实现登录与注册界面
这篇文章主要为大家详细介绍了js实现登录与注册界面，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2017-11-11
javascript算法解数独实现方案示例
这篇文章主要为大家介绍了javascript算法解数独实现方案示例,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
2023-08-08
JS判断页面是否出现滚动条的方法
这篇文章主要介绍了JS判断页面是否出现滚动条的方法,涉及javascript针对页面元素的读取与判定实现技巧,具有一定参考借鉴价值,需要的朋友可以参考下
2015-07-07