链接类

VML

按钮类

标题类

表单类

表格类

菜单类

窗口类

对象类

滚动条

键盘类

框架类

例子类

模拟类

日期类

色彩类

鼠标类

数学类

图片类

文字类

下拉框

样式类

游戏类

状态栏

资料类

字幕类

其它类

 ·模拟跳舞
 ·猜数字
 ·乒乓球
 ·24点
 ·射击
 ·敲砖头
 ·测试游戏
 ·贪吃蛇
 ·数格排序
 ·十字定全局
您当前位置：好素材首页 -> 网页特效 -> 游戏类
查看信息

测测反应速度
好素材网 www.HaoSc.com 02月22日 11:49
[查看演示]  源码如下
----------------------------------------------------------
<html>
<head>
<style type="text/css">
A {
TEXT-DECORATION: none
}
A:hover {
text-decoration: underline;
}
body {
font-size:12px;
}
input {
font-size:12px;
}
select {
font-family:"Tohoma";font-size:12px;
}
</style>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>Extreme Test--反应速度测试－www.51windows.Net</title>
</head>
<script language="JavaScript">
<!-- hiding for old browsers
// response time test, created by Jasper van Zandbeek
// e-mail: jasperz@stack.urc.tue.nl

var startTime=new Date();
var endTime=new Date();
var startPressed=false;
var bgChangeStarted=false;
var maxWait=20;
var timerID;

function startTest()
{
document.bgColor=document.response.bgColorChange.options[document.response.bgColorChange.selectedIndex].text;
bgChangeStarted=true;
startTime=new Date();
}

function remark(responseTime)
{
var responseString="";
if (responseTime > 0 && responseTime <0.01)
responseString="你还是人吗？"
if (responseTime >.01 && responseTime <.05 )
responseString="你快如闪电啊！";
if (responseTime >= 0.05 && responseTime <.10)
responseString="干得漂亮";
if (responseTime >= 0.10 && responseTime < 0.20)
responseString="不错！";
if (responseTime >=0.20 && responseTime < 0.30)
responseString="还可以更好...";
if (responseTime >=0.30 && responseTime < 0.60)
responseString="多加练习！";
if (responseTime >=0.60 && responseTime < 1)
responseString="喝醉酒了？";
if (responseTime >=1)
responseString="我想你是睡着了！";

return responseString;
}

function stopTest()
{
if(bgChangeStarted)
{
endTime=new Date();
var responseTime=(endTime.getTime()-startTime.getTime())/1000;

document.bgColor="aliceblue";
alert("你的反应时间是：" + responseTime + " 秒 " + "\n" + remark(responseTime));
startPressed=false;
bgChangeStarted=false;
}
else
{
if (!startPressed)
{
alert("先按“开始”键启动测试");
}
else
{
clearTimeout(timerID);
startPressed=false;
alert("骗子！你提早按结束键了！");
}
}
}

var randMULTIPLIER=0x015a4e35;
var randINCREMENT=1;
var today=new Date();
var randSeed=today.getSeconds();
function randNumber()
{
randSeed = (randMULTIPLIER * randSeed + randINCREMENT) % (1 << 31);
return((randSeed >> 15) & 0x7fff) / 32767;
}

function startit()
{
if(startPressed)
{
alert("已经开始了，按“结束”键结束");
return;
}
else
{
startPressed=true;
timerID=setTimeout('startTest()', 6000*randNumber());
}
}
// -->
</script>
<body bgcolor="#FFFFFF" link="#FFFFFF" vlink="#FFFFFF" alink="#FFFFFF" text="#045595" topmargin="5" leftmargin="0">
<p>&nbsp;</p>
<p align="center"><strong>先按“开始”键启动，然后等背景色转变，只要它一变，立即点“结束”键。</strong></p>
<p>&nbsp;</p>
<div align="center">
<strong><font color="#993300">将背景色转变为：</font></strong>
<form name="response">
<select name="bgColorChange" size="1">
<option selected>deeppink</option>
<option>crimson</option>
<option>darkkhaki</option>
<option>darkorchid</option>
<option>coral</option>
<option>chocolate</option>
<option>tomato</option>
<option>darkslategray</option>
<option>limegreen</option>
<option>cornflowerblue</option>
<option>darkolivegreen</option>
</select>
<input onclick="startit()" type="button" value="开始">
<input onclick="stopTest()" type="button" value="结束">
</form>
</div>
</body>
</html>

<div style="position: absolute; top: 10; right: 10; width: 148; height: 18;cursor:hand">
<input type="button" name="Button" value="查看源代码" onClick= 'window.location = "view-source:" + window.location.href'></div>

此信息共 1 页 [1]