本打算在這周日寫周總結的,但由于事情太多,還要組織團日活動,是以沒時間寫。不過上周主要是一些書本上的學習,但是在周日的時候完成了一款小遊戲還是比較有成就感的,但是主要是因為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=utf-8" />
<title>game</title>
<script type="text/javascript" >
var myarr=new Array();
var curr=-1;
var last=-1;
var isused=new Array();
var count=0;
var n;
var sum=0;
var ts=0;
var row=-1;
var col=-1;
var time=60;
function f(row,col)
{
function mysort()//取随機數
{
return Math.random()>.5;
}
n=(row*col)/2;
for(var k=0;k<(2*n);k++)
isused[k]=false;
for(var k=0;k<n;k++)
myarr[k]=Math.ceil(Math.random()*17);
//myarr[k]=( Math.round( Math.random()*5 )+1);
myarr[k+n]=myarr[k];
myarr.sort(mysort);
var str;
str="<table border='0' width='400' height='400' align='center' >";
for(var i=1;i<=row;i++)
str+="<tr>";
for(var j=0;j<col;j++)
{
str+="<td onclick='judge("+ ((i-1)*col +j )+");'>"
str+="<img id='img_"+ ((i-1)*col +j )+"' src='photo/image0.gif'/>"
str+="</td>";
}
str+="</tr>";
}
str+="</table>";
document.getElementById("w").innerHTML=str;
function sss()
{
if(row<0&&col<0){
row=3;
col=4;
onre();
function judge(e)
//alert(myarr[e]);
if(isused[e])
return;
isused[e]=true;
last=curr;
curr=e;
var temp=document.getElementById("img_"+e);
temp.src="photo/image"+myarr[e]+".gif";
if(last>=0)
if(myarr[curr]==myarr[last])
{
//alert("比對");
count++;
curr=last=-1;
if(count==n)
{
ts=1;
sum++;
if(sum==5){
alert("通關成功");
document.getElementById("11").innerHTML="";
docoment.write("you are winner");
return 0;
}
alert("next");
count=0;
time-=5;
row++;
col++;
sss();
}
}
else
var temp=document.getElementById("img_"+last);
temp.src="photo/image0.gif";
isused[last]=false;
function onre()
var myTime=time;
function countDown()
var minute=Math.floor(myTime/60);
var second=myTime%60;
var s=String(100+minute).substr(1,2) +":"+String(100+second).substr(1,2);
document.getElementById("mt").innerHTML=s;
myTime--;
if(ts){
ts=0;
return ;
if(myTime>0)
setTimeout(countDown,1000);
//judge(e);
document.getElementById("mt").innerHTML="";
document.getElementById("w").innerHTML="";
alert("over");
var x=sum*20;
docoment.write("您的總分是:");
docoment.write(x);
sss();
setTimeout(countDown,1000);
f(row,col);
</script>
</head>
<style>
body{background-image:url(back1.jpg);}
</style>
<body id="11">
<div id="w" align="center" >game</div>
<div id="mt" align="center" >time</div>
<input type="button" value="begin" onclick="sss()" align="center" />
<EMBED src='music.mp3' width='0' height='0' type=audio/mpeg loop="1" autostart="1" volume="0"></EMBED>
</body>
</html>