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

周总结<2>的更多相关文章

  1. 2015 Autodesk 开发者日( DevDays)和 助力开发周火热报名中

    Autodesk 软件(中国)有限公司 ADN 市场部真诚地邀请您参加我们一年一度的 "Autodesk 开发者日"(简称 DevDays),以及第一次随同开发者日举办的" ...

  2. 记一周cdqz训练

    #include <cstdio> using namespace std; int main(){ puts("转载请注明出处:http://www.cnblogs.com/w ...

  3. java第三周学习

    这一周学习的是java数组面向对象 数组中存放的数据的类型:既可以是基本数据类型也可以是引用数据类型. 数组的定义方式: 1 数据类型[] 数组名; 2 数据类型 数组名[]; 数组的初始化: 1.静 ...

  4. java第二周周学习总结

    java运算符和循环 java运算符 一.for 语句 for 语句的基本结构如下所示:for(初始化表达式;判断表达式;递增(递减)表达式){    执行语句;   //一段代码} 初始化表达式:初 ...

  5. my97DatePicker选择年、季度、月、周、日

    My97DatePicker是一款非常灵活好用的日期控件.使用非常简单. 下面总结下使用该日历控件选择年.季度.月.周.日的方法. .选择年 <input id="d1212" ...

  6. 第16周界面设计PSP总结

    计划:需1周完整完成 需求分析:作为一个观众,我希望能够了解每一场的比分结果,随时跟进比赛进程 生成设计文档:暂无 设计复审:暂无与组员进行设计复审 代码规范:Visual Studio2010 具体 ...

  7. 三周,用长轮询实现Chat并迁移到Azure测试

    公司的OA从零开始进行开发,继简单的单点登陆.角色与权限.消息中间件之后,轮到在线即时通信的模块需要我独立去完成.这三周除了逛网店见爱*看动漫接兼职,基本上都花在这上面了.简单地说就是用MVC4基于长 ...

  8. 根据起止日期构建指定查询条件:第N周(yyyy-MM-dd/yyyy-MM-dd)

    项目中有个查询模块中用到查询条件: 年和周. 以往我直接指定是第几周,后来测试反映如果直接选择周的话并不知道所选周代表的年月日,而无法最快查询数据,后更改查询条件如下: 指定一个起始年月,根据起始年月 ...

  9. 第0/24周 SQL Server 性能调优培训引言

    大家好,这是我在博客园写的第一篇博文,之所以要开这个博客,是我对MS SQL技术学习的一个兴趣记录. 作为计算机专业毕业的人,自己对技术的掌握总是觉得很肤浅,博而不专,到现在我才发现自己的兴趣所在,于 ...

  10. 从零开始学Python第一周:Python基础(上)

    Python语法基础(上) 一,Python的变量 (1)创建变量 变量的含义:存储信息的地方 创建变量并赋值 x = 1 print x x = 123 #再次赋值 print x (2)使用变量 ...

随机推荐

  1. Delphi XE5的Android开发平台搭建

    Delphi XE5支持Android ARM的开发,可以在Android虚拟机里运行,因此建议将XE5安装在64bit的Windows,内存可以大于3GB Delphi XE5安装光盘中包含了最基本 ...

  2. 3.Hadoop测试Yarn和MapReduce

    Hadoop测试Yarn和MapReduce 1.配置Yarn (1)配置ResourceManager 生产环境中,一般是重开一台机器作为ResourceManager,这里我们以Master机器代 ...

  3. 20190313-时间和日期-Time

    概述 在Python中,与时间处理相关的模块有:time.datetime以及calendar,Python中通常有这几种方式表示时间:时间戳.格式化的时间字符串.时间元组(struct_time 共 ...

  4. 一个没有成就而即将退赛的OIer的告别书

    期末考试成绩出来了. 我也知道混在这个班的时间不长了. 尽管如此,我觉得父母的意见是正确的,我确实不适合OI.所以我会成为省三都没有的一个OIer. 我不后悔,因为曾经是我自己错了. 我感谢遇到了好的 ...

  5. SDR软件无线电知识要点(一)噪声系数与噪声因子

    SDR软件无线电知识要点(一)噪声系数与噪声因子 信号质量如何评估 Noise Figure (NF) or sensitivity and Error Vector Magnitude (EVM) ...

  6. 20155320 《Java程序设计》实验五网络编程与安全实验报告

    20155320 <Java程序设计>实验五网络编程与安全实验报告 实验内容 实验一 1.两人一组结对编程: 参考http://www.cnblogs.com/rocedu/p/67667 ...

  7. css3新增的content 的用法:

    <-----------------------------------------------文字加在内容后面----------------------------------------- ...

  8. Java技术——Interface与abstract类的区别

    )抽象类是对类抽象,是面向整个类的自下而上的设计理念,一般是先有各种子类,再有把这些有关系的子类加以抽象为父类的需求.而接口是对行为的抽象,是面向行为的自上而下的设计理念,接口根本就不需要知道子类的存 ...

  9. js页面动态时间展示

    效果图: 具体代码 js代码 <script type="text/javascript"> var t = null; t = setTimeout(time,100 ...

  10. 通过java反射机制获取该类的所有属性类型、值

    转自:http://blog.csdn.net/sd4000784/article/details/7448221 方法使用了这俩个包下的 field 和method import Java.lang ...