测试反应能力游戏
<!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>
