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

    关于MySQL的优化,相信很多人都听过这一条:避免使用select *来查找字段,而是要在select后面写上具体的字段. 那么这么做的原因相信大家都应该知道:减少数据量的传输. 但我要讲的是另外一个 ...

  2. 学号 20155311 2016-2017-2 《Java程序设计》第1周学习总结

    学号 2016-2017-2 <Java程序设计>第1周学习总结 教材学习内容总结 JAVA三大平台**:Java SE.Java EE .Java ME. Java SE四个组成部分:J ...

  3. 20155315 2016-2017-2 《Java程序设计》第四周学习总结

    教材学习内容总结 1.继承与多态 Java中只有单一继承,也就是只能有一个父类; 多态即指一个父类可由多个子类继承. 继承可以复用代码,更大的用处是实现「多态」. 封装是继承的基础,继承是多态的基础 ...

  4. 《Java 程序设计》课堂实践项目-mini dc

    <Java 程序设计>课堂实践项目-后缀表达式 课后学习总结 目录 改变 mini dc实验要求 后缀表达式介绍 课堂实践成果 课后思考 改变 修改了博客整体布局,改变了之前贴个截图粘个代 ...

  5. 用 GSL 求解超定方程组及矩阵的奇异值分解(SVD)

    用 GSL 求解超定方程组及矩阵的奇异值分解(SVD) 最近在学习高动态图像(HDR)合成的算法,其中需要求解一个超定方程组,因此花了点时间研究了一下如何用 GSL 来解决这个问题. GSL 里是有最 ...

  6. Python：静态方法、类方法、实例方法

    1. 静态方法@staticmethod (1)无需自身对象的self参数和自身类的cls参数,可直接通过 类名.方法名 进行调用 (2)Python中并不是真正意义上的静态方法,因为类定义本身就是个 ...

  7. HttpRunner安装笔记（1）安装环境准备：pyenv安装

    HttpRunner建议在Python 3.4 及以上版本,但是centos有其他功能模块基于python2.7,所以使用pyenv安装多版本pyhon版本. pyenv 是一款特别好用的Python ...

  8. Linux中如何安装Apache服务器

    Linux中如何安装Apache服务器 由于学习的需要,所有手动安装了一下Apache源码包,安装过程中的问题千奇百怪,但是如果弄清楚了问题出在哪里,那么也不是太难.如果有学习者出现安装中的问题,可仔 ...

  9. sqli-labs学习笔记 DAY2

    DAY2 sqli-labs lesson 2 手工注入 URL:http://localhost/sqli-labs-master/Less-2/ Parameter:id 注入点检测:id=2;– ...

  10. windows下对python的pip更新到最新版本

    1->打开windows的命令窗口. 2->进入到pip.exe所在的文件夹下,我安装的python在G:\python3.6文件夹下,pip.exe则在G:\python3.6\Scri ...