周总结<2>

本打算在这周日写周总结的,但由于事情太多,还要组织团日活动,所以没时间写。不过上周主要是一些书本上的学习,但是在周日的时候完成了一款小游戏还是比较有成就感的,但是主要是因为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);

                              }

                              else

                              {

                                             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>

posted @ 2016-04-21 20:11  lllxyine  阅读(209)  评论(2编辑  收藏  举报