<!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=utf-8" />
<title>记忆力小游戏</title>
</head>
<body>
<script language="javaScript">
var pics = new Array(); //用于保存图片地址
for (i = 0; i <= 18; i++) {
pics[i] = new Image();
pics[i].src = 'images/' + 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;//???sec:秒 min:分 其他的???
//初始化
function init() {
//clearTimeout(id); //取消timeout
for (i = 0; i <= 35 ;i++) {
user[i] = 0;
}
ticker = 0;
min = 0; //分
sec = 0; //秒
ctr = 0;
oktoclick = true;
finished = 0; //已翻正确牌
document.myForm.timer.value = "";
scramble();
runclk();
for (i = 0; i <= 35; i++) {
document.myForm[('img'+i)].src = "images/0.gif";
}
}
//开始计时
function runclk() {
min = Math.floor(ticker/60);
sec = (ticker-(min*60))+'';
if(sec.length == 1) {sec = "0"+sec};
ticker++;
document.myForm.timer.value = min+":"+sec;
id = setTimeout('runclk()', 1000); //id保存setTimeout
}
//设置随机图片位置
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];
}
}
}
//翻图 参数:表格的name
function showimage(but) {
if (oktoclick) {
oktoclick = false;
document.myForm[('img'+but)].src = 'images/'+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.myForm[('img'+clickarray[0])].src = "images/image0.gif";
oktoclick = true;
} else {
if (map[clickarray[0]] != map[clickarray[1]]) {
if (user[clickarray[0]] == 0) {
document.myForm[('img'+clickarray[0])].src = "images/0.gif";
}
if (user[clickarray[1]] == 0) {
document.myForm[('img'+clickarray[1])].src = "images/0.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.myForm.timer.value+' !');
init();
} else {
oktoclick = true;
}
}
}
</script>
<body οnlοad="init()">
<center>
<h2>翻图小游戏</h2>
<form name="myForm">
<table cellpadding="0" cellspacing="0" border="0">
<script language="javascript">
for (r = 0; r <= 5; r++) {
document.write('<tr>');
for (c = 0; c <= 5; c++) {
document.write('<td align="center">');
document.write('<a href="javascript:showimage('+((6*r)+c)+')" onClick="">');
document.write('<img src="images/0.gif" name="img'+((6*r)+c)+'" border="0">');
document.write('</a></td>');
}
document.write('</tr>');
}
</script>
</table>
<br><br>
<input type="button" value=" " name="timer" onClick="init()">
</form>
</center>
</body>
</html>