测试反应能力游戏

来源:互联网 发布:linux ftp传输文件 编辑:程序博客网 时间:2024/04/27 19:13
 

<!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>
<title>
测试反应能力点击小游戏(简化版)
</title>
<style type="text/css">
#divimg{
position:absolute;


}


</style>

</head>
<body>
<div id="divimg" style="width:128px; height:128px;" onMouseDown="fen()">
<img src="finder.png">


</div>
<div id="div1" style="width:400px; height:50px; background-color:#3333FF; font-size:30px;">点击图片,看你的反应能力</div>

 

 

</body>

 

 

 

 


</html><script language="javascript" type="text/javascript">
/*
1、首先要有图片大小和初始位置
2、然后就是整个document的大小
3、document的大小减去图片的大小就是图片随机出现的范围
4、需要setTimeout()函数设置图片随机显示的速度
5、需要Math.random()函数产生随机数

 

*/
var number=0;
var num=0;
var h=screen.availHeight-128-(738-580);
var w=screen.availWidth-140;

function suiji(){
num++;
var divimg=document.getElementById("divimg");
var ws=Math.round(Math.random()*w);
var hs=Math.round(Math.random()*h);
divimg.style.left=ws;
divimg.style.top=hs;
  setTimeout("suiji()",500);
  if(num>10){
    //alert("你的得分是"+number);
 if(number==10){alert("哥,您的反应能力已经超过光速")}
    if(number<10&&number>8){alert("哥,您的反应能力挺快")}
 if(number<8&&number>5){alert("哥,您的反应能力还行")}
 if(number<5&&number>2){alert("哥,您的反应能力不怎么样")}
    if(number==0){alert("哥,您的反应能力兄弟真是不敢恭维")}
 num=0;
 number=0;
  }

}
function fen(){
number++;


  


}
suiji();

 

</script>

原创粉丝点击