javascript - 在 JSP 网页上以毫秒为单位测量 react 时间

Question

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

更具体地说，该页面将开始显示图像，并且用户必须根据图像按下两个特定键之一(例如 Ctrl 左键或 Ctrl 右键)来对图像的外观使用react。

我想测量的是图像出现和用户按下其中一个键之间的延迟(也称为 react 时间，以毫秒为单位)。

所以我想知道的是如何使用“时间戳”“标记”这两个事件(图像出现和按键)，该时间戳足够精确以推断出以毫秒为单位的 react 时间。

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

对于那些好奇的人，我想要完成的是一项词汇决策任务；)

Answer 1

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

<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>