第八，九周web制作代码
| <!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>游戏</title> | |
| <script type="text/javascript"> | |
| var myArray=new Array(); | |
| var row=3; | |
| var col=4; | |
| var currImgNo=-1; | |
| var lastImgNo=-1; | |
| var count=0; | |
| var n; | |
| var isUsed=new Array(); | |
| var timeCount=100; | |
| var myInterval; | |
| function mySort() | |
| { | |
| return Math.random()>.5; | |
| } | |
| function init(row,col) | |
| { | |
| var n= (row*col)/2; | |
| for(var k=0;k< (2*n);k++) | |
| { | |
| isUsed[k]=false; | |
| } | |
| for(var k=0;k<n;k++) | |
| { | |
| myArray[k]=Math.ceil( Math.random() *10); | |
| myArray[k+n]=myArray[k]; | |
| } | |
| myArray.sort(mySort); | |
| var str='<table border="1" width="300" height="300">'; | |
| for(var i=1;i<=row;i++) | |
| { | |
| str +="<tr>"; | |
| for(var j=0;j<col;j++) | |
| { | |
| //str +="<td onclick='judge("+ ( (i-1)*col+j) +");'>" + myArray[ ((i-1)*col+j) ] +"</td>"; | |
| 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("hl").innerHTML=str; | |
| //myInterval=setInterval("runTime()",500); | |
| myInterval=setInterval(runTime,500); | |
| } | |
| function runTime() | |
| { | |
| var minute =parseInt(timeCount/60); | |
| var second =timeCount%60; | |
| var stcm=document.getElementById("ayTime").innerHTML=minute+":"+second; | |
| timeCount--; | |
| if(timeCount<0) | |
| { | |
| alert("时间到"); | |
| clearInterval(myInterval); | |
| } | |
| } | |
| function onRe() | |
| { | |
| init(row,col); | |
| row++//document.getElementById("t1").value; | |
| col++//document.getElementById("t2").value; | |
| // init(row,col); | |
| document.getElementById("next").value="next"; | |
| } | |
| function judge(temp) | |
| { | |
| if(isUsed[temp]) return; | |
| isUsed[temp]=true; | |
| lastImgNo=currImgNo; | |
| currImgNo=temp; | |
| var currImg=document.getElementById("img_"+temp); | |
| currImg.src="photo/image"+myArray[temp]+".gif"; | |
| if(currImgNo>=0 && lastImgNo>=0) | |
| { | |
| if(myArray[currImgNo]==myArray[lastImgNo]) | |
| { | |
| //alert("成功"); | |
| //count++; | |
| currImgNo=lastImgNo=-1; | |
| if(count>=n) | |
| { | |
| alert("游戏结束，进入下一关！"); | |
| onRe(); | |
| } | |
| } | |
| else | |
| { | |
| var lastImg=document.getElementById("img_"+lastImgNo); | |
| lastImg.src="photo/image0.gif"; | |
| isUsed[lastImgNo]=false; | |
| } | |
| } | |
| } | |
| </script> | |
| </head> | |
| <body> | |
| <html> | |
| <body> | |
| <div id="ayTime"> 点击</div> | |
| <div id="hl"> 开始游戏</div> | |
| <input id="next" type="button" width="20" value="开始游戏" onclick="onRe();" /> | |
| </body> | |
| </html> | |
第八，九周web制作代码的更多相关文章
- 第五周可执行代码 以及 Canvas 制作个人PSP分类饼图
第五周可执行代码已经上传github,地址是https://github.com/yanyige/CourseWork/tree/master/Week4.以及效果在http://yanyige.gi ...
- 20145203盖泽双 《网络对抗技术》实践九：Web安全基础实践
20145203盖泽双 <网络对抗技术>实践九:Web安全基础实践 1.实践目标 1.理解常用网络攻击技术的基本原理. 2.Webgoat下进行相关实验:SQL注入攻击.XSS攻击.CSR ...
- python九周周末总结
python九周周末总结 UDP协议 udp协议的交互模式服务端不需要考虑客户端是否退出,你发多少那么他就会按照你发的东西直接去传输给客户端不存在黏包现象 服务端: import socket ser ...
- Senparc.Weixin.MP SDK 微信公众平台开发教程（十八）：Web代理功能
在Senparc.Weixin.dll v4.5.7版本开始,我们提供了Web代理功能,以方便在受限制的局域网内的应用可以顺利调用接口. 有关的修改都在Senparc.Weixin/Utilities ...
- 2017-2018-2 20155228 《网络对抗技术》 实验九：Web安全基础
2017-2018-2 20155228 <网络对抗技术> 实验九:Web安全基础 1. 实践内容 1.1 标理解常用网络攻击技术的基本原理 1.2 在Webgoat实验环境下实践相关实验 ...
- 单元测试系列之九：Sonar 常用代码规则整理（一）
更多原创测试技术文章同步更新到微信公众号 :三国测,敬请扫码关注个人的微信号,感谢! 摘要:公司部署了一套sonar,经过一段时间运行,发现有一些问题出现频率很高,因此有必要将这些问题进行整理总结和分 ...
- “2017面向对象程序设计（Java）第就九周学习总结”存在问题的反馈
对于“2017面向对象程序设计(Java)第就九周学习总结”存在问题的反馈 1.博文未写者:高树平 高俊梅 冯小丽 缪召召 王瑞强 宗鹏新 李向龙 马润韬 米奇辉 卯保云——不及时提交博客的同学人数出 ...
- # 2017-2018-2 20155231《网络对抗技术》实验九： Web安全基础实践
2017-2018-2 20155231<网络对抗技术>实验九: Web安全基础实践 实验要求: 本实践的目标理解常用网络攻击技术的基本原理.Webgoat实践下相关实验. 实验内容: ( ...
- 20145230熊佳炜《网络对抗》实验九：web安全基础实践
20145230熊佳炜<网络对抗>实验九:web安全基础实践 webgoat webgoat的中文是代罪羔羊的意思,而它是一个有很多漏洞的web应用程序,我们可以利用它来研究关于web应用 ...
随机推荐
- 写 5 个你知道的 HTML5 标签，说明他们的意义
1:<canvas>标签 定义图形.图像,是基于javascript的绘图API 2:<video>标签 定义视频 3:<audio>标签 定义音频内容 ...
- 一个数据仓库时代开始--Hive
一.什么是 Apache Hive? Apache Hive 是一个基于 Hadoop Haused 构建的开源数据仓库系统,我们使用它来查询和分析存储在 Hadoop 文件中的大型数据集.此外,通过 ...
- Vue基础学习（纯属个人学习的笔记，慢慢新增）
1.在html文件中,声明了template对象,那么在 data对象中的v-html和v-text的绑定数据是不起作用的 2.v-的几个常用绑定 v-html和v-text:引用的conten ...
- Flink-on-yarn
介绍 官网下载 https://www.apache.org/dyn/closer.lua/flink/flink-1.6.1/flink-1.6.1-bin-hadoop28-scala_2.11. ...
- 树莓派3B+简单入门
刚刚入手一个树莓派3B+,树莓派板子.3.5寸电阻触摸屏.16G内存卡.外壳电源等一系列配件一共花了360大洋,这东西真不便宜.这里介绍一下系统安装.3.5寸屏幕安装.VNC远程屏幕. 先给大家看一下 ...
- hive的分桶
套话之分桶的定义: 分桶表是对列值取哈希值的方式,将不同数据放到不同文件中存储.对于 hive 中每一个表.分区都可以进一步进行分桶. 列的哈希值除以桶的个数来决定每条数据划分在哪个桶中.(网上其它定 ...
- 什么是PHP7中的孤儿进程与僵尸进程
什么是PHP7中的孤儿进程与僵尸进程 基本概念 我们知道在unix/linux中,正常情况下,子进程是通过父进程创建的,子进程在创建新的进程.子进程的结束和父进程的运行是一个异步过程,即父进程永远无法 ...
- 《你不知道的JavaScript》系列分享专栏
<你不知道的JavaScript>系列分享专栏 你不知道的JavaScript”系列就是要让不求甚解的JavaScript开发者迎难而上,深入语言内部,弄清楚JavaScript每一个零部 ...
- 20155316 2016-2017-2《Java程序设计》课程总结
每周作业 链接汇总 预备作业1:学习调查(专业期望 师生关系 代码行数) 预备作业2:"做中学"调查(日常技能 C语言 Java 公文写作) 预备作业3:Linux系统与虚拟机学习 ...
- 20155336 2016-2017-2 《Java程序设计》第三周学习总结
20155336 2016-2017-2 <Java程序设计>第三周学习总结 教材学习内容总结 第四章 类与对象 定义: 对象(Object):存在的具体实体,具有明确的状态和行为. 类( ...