javascript在线游戏:找相同的图片

时间:2008-03-12 12:18:00 

 游戏说明:一个考验您记忆力的游戏,只要两个方块的;图案能够凑成一对,最终翻开所有的图片,那么您就获胜,计算机将自动记录您的游戏时间。

进入在线游戏:找相同的图片

主要js源代码:


<SCRIPT LANGUAGE="JavaScript">

<!-- Begin
var pics = new Array();
for (i = 0; i <= 18; i++) {
pics[i] = new Image();
pics[i].src = 'image' + i + '.gif';
}
var map=new Array(1, 1, 2, 2, 3, 3, 4, 4, 5, 5, 6, 6, 7, 7, 8, 8, 9, 9, 10, 10, 11, 11, 12, 12, 13, 13, 14, 14, 15, 15, 16, 16, 17, 17, 18, 18);
var user = new Array();
var temparray = new Array();
var clickarray = new Array(0, 0);
var ticker, sec, min, ctr, id, oktoclick, finished;
function init() {
clearTimeout(id);
for (i = 0; i <= 35 ;i++) {
user[i] = 0;
}
ticker = 0;
min = 0;
sec = 0;
ctr = 0;
oktoclick = true;
finished = 0;
document.f.b.value = "";
scramble();
runclk();
for (i = 0; i <= 35; i++) {
document.f[('img'+i)].src = "image0.gif";
   }
}
function runclk() {
min = Math.floor(ticker/60);
sec = (ticker-(min*60))+'';
if(sec.length == 1) {sec = "0"+sec};
ticker++;
document.f.b.value = min+":"+sec;
id = setTimeout('runclk()', 1000);
}
function scramble() {
for (z = 0; z < 5; z++) {
for (x = 0; x <= 35; x++) {
temparray[0] = Math.floor(Math.random()*36);
temparray[1] = map[temparray[0]];
temparray[2] = map[x];
map[x] = temparray[1];
map[temparray[0]] = temparray[2];
      }
   }
}
function showimage(but) {
if (oktoclick) {
oktoclick = false;
document.f[('img'+but)].src = 'image'+map[but]+'.gif';
if (ctr == 0) {
ctr++;
clickarray[0] = but;
oktoclick = true;
} else {
clickarray[1] = but;
ctr = 0;
setTimeout('returntoold()', 600);
      }
   }
}
function returntoold() {
if ((clickarray[0] == clickarray[1]) && (!user[clickarray[0]])) {
document.f[('img'+clickarray[0])].src = "image0.gif";
oktoclick = true;
} else {
if (map[clickarray[0]] != map[clickarray[1]]) {
if (user[clickarray[0]] == 0) {
document.f[('img'+clickarray[0])].src = "image0.gif";
}
if (user[clickarray[1]] == 0) {
document.f[('img'+clickarray[1])].src = "image0.gif";
   }
}
if (map[clickarray[0]] == map[clickarray[1]]) {
if (user[clickarray[0]] == 0&&user[clickarray[1]] == 0) { finished++; }
user[clickarray[0]] = 1;
user[clickarray[1]] = 1;
}
if (finished >= 18) {
alert('恭喜你,你用了 '+document.f.b.value+' !');
init();
} else {
oktoclick = true;
      }
   }
}
//  End -->
</script>

 

标签:游戏,图片,js
0
投稿

猜你喜欢

  • phpMyAdmin 2.10.2 配置方法

    2007-08-22 08:11:00
  • ASP获取网址或当前地址代码

    2008-04-07 20:19:00
  • 将MySQL的作为文件系统使用

    2011-12-14 18:34:26
  • asp如何定义参数?

    2010-05-16 15:20:00
  • 人民币的符号的正确表示法?一杠?两杠?¥还是¥呢?

    2010-03-24 12:21:00
  • MySQL 数据库语句优化的原则

    2010-01-20 10:11:00
  • 重命名SQLServer数据库的方法

    2012-07-11 15:39:37
  • 简单form标准化实例——整体布局

    2007-05-11 17:04:00
  • AspJpeg 2.0组件使用教程(GIF篇)

    2008-12-16 19:37:00
  • asp Access数据备份,还原,压缩类代码

    2011-03-07 11:16:00
  • 解决MySQL不允许从远程访问的方法

    2010-03-18 15:39:00
  • 从网页设计开始

    2008-06-30 12:17:00
  • Asp下Access无法更新的解决方法

    2012-12-04 20:19:35
  • sql如何在Access中选择指定日期前的记录?

    2010-06-17 12:47:00
  • 2个asp获取安全字符串的方法

    2007-10-19 15:08:00
  • SQL Server数据库备份出错及应对措施

    2009-04-20 17:02:00
  • SQL Server修改表所有者

    2010-02-04 08:33:00
  • asp 存储过程分页代码第1/2页

    2011-04-03 10:39:00
  • 制作Dreamweaver活动菜单条

    2008-10-03 20:59:00
  • JS获取对象代码总结

    2011-03-07 16:14:00
  • asp之家 网络编程 m.aspxhome.com