第八，九周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应用 ...
随机推荐
- 树莓派安装samba服务
1.安装 sudo apt-get update sudo apt-get install samba sudo apt-get install samba-common-bin 2.配置 sudo ...
- 11-while循环基本使用
hm_02_第一个while循环.py def main(): i = 1 while i <= 3: print(i, 'Hello world') i += 1 print(i) 1 Hel ...
- 【win7下安装node.js错误:roling back action】与【"grunt" 不是内部或外部命令】 解决方法
[win7下安装node.js错误:roling back action] 解决方法: Node.js 服务器端的JavaScript Node.js 是一个基于Chrome JavaScript 运 ...
- js scroll nav
http://jsfiddle.net/cse_tushar/Dxtyu/141/http://ironsummitmedia.github.io/startbootstrap-scrolling-n ...
- 20155229 2016-2007-2 《Java程序设计》第一周学习总结
20155229 2016-2007-2 <Java程序设计>第一周学习总结 教材学习内容总结 1~18章的提问: 第一章:怎样撰写Java才不会沦于死背API文件.使用"复制. ...
- WPF中。。DataGrid 实现时间控件和下拉框控件
DatePicker 和新的 DataGrid 行 用户与 DataGrid 中日期列的交互给我造成了很大的麻烦. 我通过将一个 Data Source 对象拖动到 WPF 窗口上,创建了一个 Dat ...
- WPF 背景颜色渐变的滑动条实现
原文:WPF 背景颜色渐变的滑动条实现 版权声明:本文为博主原创文章,未经博主允许不得转载. https://blog.csdn.net/BYH371256/article/details/83507 ...
- java Hibernate UUID代码
package mypack; import java.io.Serializable; import java.net.InetAddress; /** * 唯一主键生成办法.从Hibernate中 ...
- 优步UBER司机全国各地奖励政策汇总：北京、上海、广州、深圳、佛山、天津、南京、武汉、成都、重庆、济南、西安、宁波、青岛、长沙、苏州
Uber当周奖励政策 当前奖励包括:高峰翻倍奖励.行程奖励.金牌司机奖励 获得任何奖励的前提条件: 当周评分高于4.7分,当周成单率高于45%,且当周完成至少5单(含5单) 滴滴快车单单2.5倍,注册 ...
- [并发并行]_[线程模型]_[Pthread线程使用模型之二 工作组work crew]
Pthread线程使用模型之二工作组(Work crew) 场景 1.一些耗时的任务,比如分析多个类型的数据, 是独立的任务, 并不像 pipeline那样有序的依赖关系, 这时候pipeline就显 ...