javascript - 计算在键盘上按下一个键的时间

Question

是否有可能必须使用两个键，例如，它会累积每个键的按下时间，例如键 LEFT 和 RIGHT，所以每次点击其中一个键时，它都会累积按下的时间，在如果您再次按下同一个键，它将添加时间，因此最后您会获得每个键的总按下时间。

如何才能做到这一点？

Answer 1

很大程度上取决于平台。但是，如果事件驱动平台将 key-down 和 key-up 视为事件（大多数都这样做，包括 .net、java 和 Windows），则它有点容易。

只需监听按键事件，并记录它发生的时间。当您获得同一个键的按键事件时，只需从您录制的时间中减去它发生的时间。两者之间的差异将是该按键的持续时间。

问题是，根据您的平台处理按键重复的方式，您可能会在获得按键之前获得同一个按键的多个按键。只跟踪每个键的第一个（当然，自上次按键或应用程序启动以来）。而且由于您一次可以按下多个键，如果您想正确执行此操作，您将能够记住多个键的按键时间。

如果您想跟踪总时间，请获取您在按键时发现的时间差，并将其添加到该按键的运行总计中。

在 JS 中：

(function() {
    var output = document.getElementById('output'),
        totalTime = {},
        pressed = {};

    window.onkeydown = function(e) {
        if (e.which in pressed) return;
        pressed[e.which] = e.timeStamp;
    };

    window.onkeyup = function(e) {
        if (!(e.which in pressed)) return;
        var duration = ( e.timeStamp - pressed[e.which] ) / 1000;
        if (!(e.which in totalTime)) totalTime[e.which] = 0;
        totalTime[e.which] += duration;
        output.innerHTML +=
            '<p>Key ' + e.which + ' was pressed for ' +
            duration + ' seconds this time' +
            '(' + totalTime[e.which] + ' total)</p>';
        delete pressed[e.which];
    };
})();