实例151.智益游戏.html

来自「JavaScript精彩网页特效实例精粹」· HTML 代码 · 共 131 行

<SCRIPT language=JavaScript>
<!--
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 = "img0.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 = 'img'+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 = "img0.gif";
	oktoclick = true;
	} else {
	if (map[clickarray[0]] != map[clickarray[1]]) {
	if (user[clickarray[0]] == 0) {
	document.f[('img'+clickarray[0])].src = "img0.gif";
	}
	if (user[clickarray[1]] == 0) {
	document.f[('img'+clickarray[1])].src = "img0.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;
      }
   }
}
//-->
</SCRIPT>

<CENTER>
<FORM name=f>
<TABLE border=0 cellPadding=0 cellSpacing=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.f.b.focus()">');
document.write('<img src="img0.gif" name="img'+((6*r)+c)+'" border="0">');
document.write('</a></td>');
}
document.write('</tr>');
}
//-->
</SCRIPT></TABLE><BR><BR><INPUT name=b onclick=init() type=button value="开 始"> 
</FORM></CENTER>
<center>
<img src="img1.gif">
<img src="img2.gif">
<img src="img3.gif">
<img src="img4.gif">
<img src="img5.gif">
<img src="img6.gif">
<img src="img7.gif">
<img src="img8.gif">
<img src="img9.gif"><br>
<img src="img10.gif">
<img src="img11.gif">
<img src="img12.gif">
<img src="img13.gif">
<img src="img14.gif">
<img src="img15.gif">
<img src="img16.gif">
<img src="img17.gif">
<img src="img18.gif">
</center>