打地鼠游戏javascript开发代码.doc

Javascript开发打地鼠游戏游戏效果图：Html部分打地鼠游戏 -游戏时间:- 分钟 游戏说明 点击"开始游戏"按扭,在下图中随机产生地鼠,地鼠消失前点击地鼠进行击打,打中地鼠得100分的奖励;打不中,扣除100分,快行动吧!地考考你的反应和反应能力!   -倒计时间:- -地鼠出现间隔:- 秒钟 -停留时间:- 秒钟 -得分情况:- 作者:xxx 指导老师:xxx Css样式部分/*主体部分*/body font-size: 12px;background-image: url(./images/bg.jpg);background-position: center top;font-weight:bold;background-repeat: no-repeat;/*新建样式*/#text width:450px;height:189px;position: absolute;left: 464px;top: 10px;#text form tablemargin-left:100px;.button_style height: 25px;width: 100px;background-color: #eeeeee;border: 1px solid #66CCCC;cursor:hand;.instrument color: #00CCFF;text-indent: 24px;line-height: 20px;.text_description font-size: 14px;line-height: 20px;#author height: 70px;width: 140px;position: absolute;left: 822px;top: 219px;#mainBody position: absolute;height: 350px;width: 350px;left: 269px;top: 220px;cursor: url(images/mouse.ani);#mainBody tablemargin-left:100px;Javascript部分/ JavaScript Document/*初试化游戏的函数*/var gameTime;/游戏时间var intervalTime;/地鼠出现的间隔时间var stayTime;/地鼠停留时间var beginTime;/游戏开始时间var remainTime;/游戏倒计时时间var remainTimerId;/倒计时计时器idvar showMouseTimerId;/显示地鼠的计时器idvar stayTimerId;var totalMouse=0;/出现的总的地鼠个数var hitMouseNum=0;/击中的地鼠个数var score=0;/得分function startGame()qingling();initGame();checkTime();showMouse(); function qingling()document.getElementById(score).innerHTML=null;totalMouse=0;hitMouseNum=0;score=0;/初始化游戏的操作function initGame()gameTime = document.form1.txt_gameTime.value;/游戏时间intervalTime = document.form1.txt_remainedTime.value;/地鼠出现间隔时间stayTime = document.form1.txt_stayTime.value;/地鼠出现后停留的时间/alert(document.form1.btn_start.disabled);/alert(document.form1.btn_end.disabled);document.form1.btn_start.disabled=true;/开始时开始游戏按钮可用document.form1.btn_end.disabled=false;/开始时退出游戏按钮不可用document.form1.txt_gameTime.disabled=true;/开始游戏前文本框可输入时间设定值document.form1.txt_remainedTime.disabled=true;document.form1.txt_stayTime.disabled=true;beginTime = new Date();/获取游戏开始时的时间/完成倒计时的检查工作function checkTime()var nowTime = new Date();/获取系统时间，以计算游戏已经持续的时间remainTime = gameTime*60-parseInt(nowTime.getTime()-beginTime.getTime()/1000);/倒计时=游戏时间-(系统当前时间-游戏开始时间)document.getElementById(timeOut).innerHTML=remainTime+秒;remainTimerId = window.setTimeout(checkTime(),1000);/显示地鼠function showMouse()/0-24var rd = parseInt(Math.random()*25)/产生0-24的随机数document.imagesrd.src=images/01.jpg;/随机出现地鼠totalMouse+;/出现地鼠总个数加一showMouseTimerId = setTimeout(showMouse(),intervalTime*1000);/每隔指定的时间间隔出现地鼠stayMouseTimerId = setTimeout(autoHidden(+rd+),stayTime*1000);if(remainTime=0)stopGame();/打击地鼠function hitMouse(mouse)var src = mouse.src;src = src.substr(src.length-6);if(src=01.jpg)hitMouseNum+;getScore();xx = mouse;mouse.src=images/02.jpgsetTimeout(hidden(xx),500);function hidden(obj)obj.src=images/00.jpg;/地鼠自动消失function autoHidden(rd)document.imagesrd.src=images/00.jpggetScore();/计算分数/计算分数function getScore()var tatolScore = totalMouse*100;/计算总分数/var score = (hitMouseNum-autoHiddenMouse)*100;/计算得分score = (2*hitMouseNum-totalMouse)*100;document.getElementById(score).innerHTML=总地鼠个数:+totalMouse+只 击中地鼠个数+hitMouseNum+只+总分数:+tatolScore+分 +得分数:+score+分/停止游戏 让游戏回到游戏开始前状态function stopGame()/将所有的图片恢复到游戏开始前的状态for(var i=0; idocument.images.length;i+)document.imagesi.src=images/00.jpg;clearTimeout(remainTimerId);clearTimeout(showMouseTimerId);clearTimeout(stayMouseTimerId);document.getElementById(timeOut).innerHTML=0秒;document.form1.btn_start.disabled=false;document.form1.btn_end.disabled=true;document.form1.txt_