[原创]JavaScript版扫雷

最新推荐文章于 2021-05-16 01:54:00 发布

Wind__Fantasy

最新推荐文章于 2021-05-16 01:54:00 发布

阅读量2.1k

点赞数

分类专栏： JavaScript 文章标签： javascript function search random border firefox

本文链接：https://blog.csdn.net/Wind__Fantasy/article/details/5544532

版权

最近自学JavaScript，发现JavaScript好强大，虽然还没深入学习js高级特性，比如闭包、匿名函数等等，学了也有不少语言了(C/C++/PHP/JavaScript/...)发觉应该多学习的是语言的特性，而不是仅仅停留在语法上面，比如JavaScript的闭包，C语言的灵活，C++的模板，PHP的简洁与易用等等，经常看别人争论哪个语言好？有什么意义呢？不同的语言具有不同的语言特性以及不同的适用范围，有那么多时间争论不如好好把自己喜欢的那门语言学精通了，这样不是很好么！废话不多说了，切入正题。

这个游戏的js版本可让我吃了不少苦头啊，我以为用C++做出来了(没有GUI)那用js简直小菜一碟了，谁知道，吃了不少苦头，开始以为js版的递归算法有问题最后才知道我的函数search_empty_square()里的i,j没有用var声明——导致i,j成为全局变量了！哎、、、最后看过《精通JavaScript》才知道的！最后提供一种的改进算法没有用循环检查每个方格的周围的八个方格，这样效率会更高！所以以后用JavaScript要注意了，定义任何变量前请加上var关键字以确定作用域，不然，不说了，想着都郁闷！

将下列代码复制到记事本中然后另存为"mine.html"，文件名中含引号"以确保保存的文件类型是.html，浏览器IE6,7,8或者Firefox3.6皆可，如果看到浏览器试图阻止弹出内容(ie)，则单击允许即可。强烈建议使用Firefox浏览器并最大化窗口以获得最佳效果！另外由于时间关系，就没有过多注释，大家有兴趣慢慢研究不啦！直接上代码了！

<!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=gbk" /> <title>Mine Game</title> <mce:style type="text/css"></mce:style><style type="text/css" mce_bogus="1">body { font-family:sans; font-size: 15px; line-height:16px; } #mine table { margin:auto; border-spacing:0; border:1px solid green; text-align:center; } #mine td { border:lightgreen 1px outset; width:15px; height:16px; background-color:#dddd77; cursor:pointer; } tr.hide { visibility:visible; color:Olive; } tr.hide input { background-color:white; } a#option { text-decoration:none; } a#option:hover { background-color:lightblue; color:red; } a#option { color:green; }</style> <mce:script type="text/javascript" language="javascript"><!-- var line, row, mineCount, count ; var mineMap, isMine, gameOver, timeCounter, setTimeoutId, havePlayed ; var colorSet = new Array( "lightgreen", "blue", "purple", "red", "green", "olive", "fuchsia", "maroon", "gray" ) ; function set_map( l, r, mC, gO, hP ) { // basic settings line = l ; row = r ; mineCount = mC ; count = l*r ; gameOver = gO ; havePlayed = hP ; } function get_random_number( maxNumber ) { // returns a random number in interval: [ 0, maxNumber ) return Math.floor( maxNumber*Math.random() ) ; } function init_mine_use() { // initialize mine map using situation isMine = new Array( count ) ; for( var i=0; i<isMine.length; i++ ) { isMine[i] = false ; } } function create_mine_map() { // create a random mine map init_mine_use() ; var i, randomNumber ; mineMap = new Array( mineCount ) ; for( i=0; i<mineMap.length; i++ ) { randomNumber = get_random_number( isMine.length ) ; if( isMine[randomNumber] == true ) i-- ; else { isMine[randomNumber] = true ; mineMap[i] = randomNumber ; } } } // define the event handler function function move_over() { // when mouse moves over the square if( gameOver == true ) return ; this.style.backgroundColor = "orange" ; } function move_out() { // when mouse moves out of the square if( gameOver == true ) return ; if( this.clicked == true ) this.style.backgroundColor = "lightgreen" ; else this.style.backgroundColor = "#dddd77" ; } function click_on( evt ) { var mouseClick = evt ? evt.which

最低0.47元/天解锁文章

Wind__Fantasy

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
1
评论
[原创]JavaScript版扫雷

最近自学JavaScript，发现JavaScript好强大，虽然还没深入学习js高级特性，比如闭包、匿名函数等等，学了也有不少语言了(C/C++/PHP/JavaScript/...)发觉应该多学习的是语言的特性，而不是仅仅停留在语法上面，比如JavaScript的闭包，C语言的灵活，C++的模板，PHP的简洁与易用等等，经常看别人争论哪个语言好？有什么意义呢？不同的语言具有不同的语言
复制链接

扫一扫

专栏目录