js抓人游戏

时间：2021-09-11 08:09:45|栏目：JavaScript代码|点击：次

<!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=gb2312" /> <title>无聊时写的游戏</title> <style type="text/css"> *{padding:0;margin:0} body{ background:#FFFFFF} img{display:inline;float:left;position:absolute;} #chat{display:inline;float:left;position:absolute;font-weight:bold;font-size:16px;} h1{float:left} span{float:left;font-size:32px;font-weight:bold;margin:0 20px} #score{color:red} #time{color:green} #restart{clear:both;color:blue;text-align:center;font-size:32px;font-weight:bold;margin:0 20px;display:none; cursor:pointer} </style> </head> <body onselectstart="return false"> <h1 onclick="sendChat();">啊! 这人好??,快抓住他!</h1><span id="score">得分:0</span><span id="time">剩余:60秒</span><div id="restart" onclick="restart()">重新开始</div> <div id="chat">剩骑士,来抓我啊?</div> <img src="http://img.jb51.net/images/ren.gif" onmousemove="randomMove(this)" onmouseout="hitFlag=0" onclick="getScore()"/> </body> </html> <script language="javascript" type="text/javascript"> var imgv,hitFlag=0,startTime,gameStatus=0,ret; var score=0,chato,delay=0; var chatArr=new Array(); chatArr[0]="剩骑士,来抓我啊?"; chatArr[1]="废柴职业 凸(- -)凸"; chatArr[2]="灌装奶粉 凸-_-凸"; chatArr[3]="万年三奶"; chatArr[4]="环保装哦"; chatArr[5]="咬我啊?"; function restart(){     var now = new Date();     startTime = now.getTime();     ret=setInterval("refreshTime()",10);     gameStatus=1;hitFlag=0;score=0;delay=0;     document.getElementById("score").innerHTML="得分:"+score;     document.getElementById("restart").style.display="none"; } function moveTo(o,left,top){     clearTimeout(imgv);     if (Math.abs(o.offsetLeft-left)<1 && Math.abs(o.offsetTop-top)<1){         o.style.left=left;         o.style.top=top;     }else{         var tx=o.offsetLeft-(o.offsetLeft-left)/6;         var ty=o.offsetTop-(o.offsetTop-top)/6;         o.style.left=tx +"px";         o.style.top=ty +"px";         chato.style.left=tx+15+"px";         chato.style.top=ty-20+"px";         imgv=setTimeout(function(){moveTo(o,left,top)},10);     }     hitFlag--; //脚本之家 www.jb51.net } function randomMove(o){     if (gameStatus!=1) return;     if (hitFlag<1){         moveTo(o,Math.random()*700,Math.random()*400+40);         hitFlag=4;     } } function getScore(){     if (gameStatus!=1) return;     score++;     alert('啊! 你抓到我了! 得分.');     document.getElementById("score").innerHTML="得分:"+score     hitFlag=0;     randomMove(this); } function refreshTime(){     var now = new Date();     var nowTime = now.getTime();     var leftTime=(3000-(parseInt((nowTime-startTime)/10)))/100;     if (parseInt(leftTime) % 4 ==2 && delay==0) {sendChat();delay=1;setTimeout("delay=0",1000)}     if (leftTime<=0){         leftTime=0;         alert("抓?迦私崾?. 得分:"+score);         gameStatus=0;         clearInterval(ret);         document.getElementById("restart").style.display="block";     }     document.getElementById("time").innerHTML="剩余:"+leftTime+"秒"; } function sendChat(){     var n=parseInt(Math.random()*6);     document.getElementById("chat").innerHTML=chatArr[n];     setTimeout("document.getElementById('chat').innerHTML=''",3000) } window.onload=function(){     chato=document.getElementById("chat");     restart(); } </script>

[Ctrl+A 全选注:引入外部Js需再刷新一下页面才能执行]

上一篇：Textbox控件注册回车事件及触发按钮提交事件具体实现

栏目：JavaScript代码

下一篇：微信小程序之数据绑定原理解析

本文标题：js抓人游戏

本文地址：http://www.codeinn.net/misctech/174239.html

更多JavaScript代码

JavaScript代码

js抓人游戏

阅读排行

推荐教程