Warning: file_get_contents(/data/phpspider/zhask/data//catemap/0/windows/16.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
如何使用javascript记录两次按键之间的响应时间(以秒为单位)_Javascript_Html - Fatal编程技术网

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

如何使用javascript记录两次按键之间的响应时间(以秒为单位),javascript,html,Javascript,Html,im需要javascript代码,该代码允许我以秒为单位记录响应时间,并将结果输出到文档中,例如数字开始和完成按钮的任务时间。我有一个在线测试,包含10个简单的html问题页面,其中有一个包装器居中,并显示带有回答选项的问题 新页面上会出现“开始”按钮,用户单击该按钮将显示要回答的问题。当用户完成后,他按DONE按钮移动下一个问题的新起始页。我想以秒为单位记录这些开始和完成按钮的按下时间,并将时间差写入一个文本文件,可能带有页面名称 非常感谢您的帮助 var start = Date.now()

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

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

非常感谢您的帮助

var start = Date.now();  
// do something
var end = Date.now();  
alert(end-start)
请注意,如果您不希望用户篡改这些数据,最好在服务器端计算时间


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

因为仍有人在寻找此问题的答案。。。您需要将事件侦听器添加到“开始”和“完成”按钮,并使用新日期记录时间


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

因为仍有人在寻找此问题的答案。。。您需要将事件侦听器添加到“开始”和“完成”按钮,并使用新日期记录时间


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

Oleg,我已经介绍了警报方法,它会在屏幕上显示一个弹出窗口。对警报方法不太确定。我尽可能不希望用户知道响应时间,而是将它们记录在一个文本文档中,该文档还将显示相关html开始和完成页面之间的所有响应时间。您如何处理计算数据取决于您。这只是一个展示计算结果的例子。奥列格,你能帮我举一个用实数按钮编码的例子吗。然后我可以在JSFIDLE中尝试它。很抱歉,我的javascript代码有点过时,因此产生了很多疑问。Leg,我已经使用了alert方法,它会在屏幕上显示一个弹出窗口。对警报方法不太确定。我尽可能不希望用户知道响应时间,而是将它们记录在一个文本文档中,该文档还将显示相关html开始和完成页面之间的所有响应时间。您如何处理计算数据取决于您。这只是一个展示计算结果的例子。奥列格,你能帮我举一个用实数按钮编码的例子吗。然后我可以在JSFIDLE中尝试它。很抱歉,我的javascript代码有点过时,因此有很多疑问
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);
    });
});