如何使用javascript记录两次按钮按下之间的响应时间(以秒为单位）

How to record the response time in seconds between two button presses using javascript

本文关键字：为单位 之间 响应时间 两次 javascript 何使用 记录 按钮      更新时间：2023-09-26

im 需要 JavaScript 代码，它将允许我以秒为单位记录响应时间并输出结果（到文档，例如 task_times）以进行数字开始和完成按钮按下。我有一个在线测试，其中包含 10 个简单的 html 问题页面，其中包含一个包装器居中并显示带有答案选项的问题。

"开始"按钮出现在新页面上，单击该按钮的用户将显示要回答的问题。用户完成后，他按"完成"按钮为下一个问题移动新的起始页。我想以秒为单位记录这些开始和完成按钮按下时间，并将时间之间的差异写入文本文件（可能带有页面名称）

任何帮助都非常感谢。

var start = Date.now();  
// do something
var end = Date.now();  
alert(end-start)

请注意，如果您不希望用户篡改此数据，则最好在服务器端计算时间。

因为有人仍在寻求答案......您需要将事件侦听器添加到"开始"和"完成"按钮，并使用new Date()记录时间。斯菲德尔

function E(id) {
    return document.getElementById(id);
}
E('startButton').addEventListener('click', function () {
    var startTime = new Date();
    E('startButton').style.display = 'none';
    E('hidden').style.display = 'block';
    E('doneButton').addEventListener('click', function() {
        document.body.innerHTML += 'Time taken (ms): '
            + (new Date() - startTime);
    });
});

在客户端javascript中，使文本文件对用户不可见是不可能的;您需要将时间提交给服务器端脚本，该脚本将记录它并将文本文件输出到某个地方。

相关文章：