周总结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 οnclick='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" οnclick="sss()"? align="center"? />
<EMBED src='music.mp3' width='0' height='0' type=audio/mpeg loop="1" autostart="1" volume="0"></EMBED>
</body>
</html>
轉載于:https://www.cnblogs.com/-lllxyine/p/5418529.html
總結
- 上一篇： DIB位图（Bitmap）的读取和保存
- 下一篇： django笔记