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

    问题:ESP8266不能被识别为USB盘,也不能通过串口传送文件,只能通过wifi传送文件,需要事前在串口连接后的repl状态下,用命令行方式配置网络参数,之后才可以用wifi传送文件(webrepl ...

  2. EJS 模板中，js 如何获取后端传来的数据

    在 ejs 模板中,想让 js 的代码获得后端传来的数据,要在<%=%>的外面加一对引号. 如下图,从后端给 chatroom.ejs 传进去一个 avatar 变量,是个字符串类型的. ...

  3. PTA(BasicLevel)-1009 说反话

    一 .问题描述       原题描述 给定一句英语,要求你编写程序,将句中所有单词的顺序颠倒输出.不同于字符串逆序,这里需要的是将字符串中的单词顺序翻转. 输入样例: Hello World Here ...

  4. 域名和IP之间的关系

    域名和IP的关系 在早期的互联网时代,没有那么多的主机,全部是用ip直接访问.可是IP不符合人类的记忆习惯,于是出现域名. 域名和IP的对应关系,在早期通过电脑的hosts文件直接解析,后来互联网的发 ...

  5. zabbix-3.2.3安装

    环境:lapp 操作系统: rhel7.0apache: apache-2.4数据库: postgresql-9.2.10php: php-5.4.16-21zabbix: zabbix-3.2.3 ...

  6. Linux入门进阶第五天——用户管理（帐号管理 ）下

    一.身份切换 为了避免 rm -rf /* 的悲剧发生,平时使用时,尽量使用一般帐号!需要环境设置等必要时才使用root 1.su命令 一般地,推荐使用su - / su - username的形式来 ...

  7. 20155301 2016-2017-2 《Java程序设计》第2周学习总结

    20155301 2016-2017-2 <Java程序设计>第2周学习总结 教材学习内容总结 教材的第三章内容主要分为两大方面: 一.程序中的数据类型,变量和运算符,主要讲述了各种类型的 ...

  8. # 20155337 2016-2017-2 《Java程序设计》第九周学习总结

    20155337 2016-2017-2 <Java程序设计>第九周学习总结 教材学习内容总结 第16章 JDBC(Java DataBase Connectivity)即java数据库连 ...

  9. Linux下MySql变量修改遇到的问题记录

    一.问题记录: 项目上需要使用mysql的过程来自动化构建一批数据,但是调用的时候总是报找不到表或者过程 二.排查过程: (1)首先终端连接mysql后发现,无论表还是过程在数据库中都是存在的,排除了 ...

  10. Java——基于java自身包实现消息系统间的通信（TCP/IP+BIO）

    最近看到阿里的一位童鞋写的一本关于分布式的书,感觉不错,准备把这本书上基础的代码都写一写. /** * Created by LiuHuiChao on 2016/11/15. * descripti ...