Question

我有一个Javascript代码，每次按下按钮都会执行一个函数，但是，我的硬件设置偶尔会发送双输入（即按两次按钮） - 当发生这种情况时，它们相隔几毫秒。是否有可能限制javascript在50毫秒的时间内执行两次函数？

Answer 1

是否可以限制javascript在50毫秒的时间内执行两次函数？

是的，您必须跟踪上次运行该功能的时间。类似的东西：

var lastTime = 0; 
function buttonPressed() {
    var now = new Date().getTime();
    if(now-lastTime > 50) {
       // do stuff
    }
    lastTime = now; 
}

Answer 2

对于更通用的解决方案，这里有一个包装器可以阻止任何函数的“跳出”：

var preventBounce = function(fn, ms) {
    var _fn = fn;
    var _firedAt = false;
    var _ms = ms;
    return function() {
        var now = new Date().getTime();
        if(!_firedAt || (_firedAt + _ms) <= now) {
            _firedAt = now;
            return _fn.apply(this, arguments);
        }
    }
}

这允许您创建一个新函数，以防止在最后一次调用的ms毫秒内调用该函数。

例如：

test = preventBounce(alert, 5000);
test('example'); // alerts "example"
test('example'); // no action
// ...wait 5 seconds
test('example'); // alerts "example"

Answer 3

是的，你可以。在第一次点击（或按键）时设置一个标志。设置计时器以清除它。只有在未设置标志的情况下，才能继续按键或单击操作。

var within50ms = false;
function clicked()
{
    if(within50ms)
    {
        //the faulty click
    }
    else
    {
        //Go ahead
    }
    within50ms = true;
    var timer = setTimeout(function()
                           {
                               within50ms=false; 
                           }, 50);
}

完整示例（实际演示的延迟时间为500毫秒）：http://jsfiddle.net/nivas/FFLGw/

那就是说，这是您机器上的硬件问题，或者是否会在每台机器上使用此应用程序/页面？

javascript双功能执行

3 个答案: