在 JSP 网页上测量反应时间（以毫秒为单位）答案

【问题标题】：Measure a Reaction Time in ms on a JSP webpage在 JSP 网页上测量反应时间（以毫秒为单位）
【发布时间】：2014-03-28 02:17:43
【问题描述】：

我目前正在使用 Java/JSP 开发一个网站，我希望其中一个页面包含反应时间测量。

更具体地说，该页面将开始显示图像，并且用户必须通过按两个特定键之一（例如 Ctrl 左键或 Ctrl 右键）对图像的外观做出反应，具体取决于图像。

我想测量的是从图像出现的那一刻到用户按下其中一个键的那一刻之间的延迟（也称为反应时间，以毫秒为单位）。

所以我想知道的是如何用足够精确的“时间戳”来“标记”这两个事件（图像外观和按键），从而以毫秒为单位推断出反应时间。

这是我发现的一个提供类似功能的网站示例： http://www.humanbenchmark.com/tests/reactiontime/

对于好奇的人，我想要实现的是词汇决策任务；）

【问题讨论】：

您是否真的尝试过您想要的功能？如果是这样，请发布一些代码来展示您的努力，并提出引用您代码特定区域的特定问题。
我认为您需要使用纯 JavaScript，因为请求-响应时间会使这变得不可能。
您应该将“javascript”标签添加到您的问题中。
阅读the code有那么难吗？如果缩进，只需自动格式化。
@BrianDriscoll 我还没有开始网站的那部分，直到现在我才真正知道该怎么做。

标签： javascript jsp time

【解决方案1】：

您需要完全在 javascript 中进行计算。否则无法将反应时间与将请求发送到服务器所需的时间分开。

<script>
var startTime;
function imageLoaded()
{
    startTime = (new Date()).getTime();
    document.getElementById('mybutton').disabled = false;
}

function buttonClicked()
{
    var endTime = (new Date()).getTime();
    var elapsed = endTime-startTime;
    alert("elapsed time: "+elapsed);
}
</script>

<img src='https://www.google.com/images/srpr/logo11w.png' onLoad='imageLoaded()'>

<input id='mybutton' type='button' value='click me' onClick='buttonClicked()' disabled>

【讨论】：

非常感谢，我试试看:)