仅在 keyup 事件延迟的情况下执行功能

Question

编辑：我希望在最后一个 keyup 事件的一秒后调用并执行一个函数。

这是我的代码：http://jsfiddle.net/gKkAQ/

JS：

function aFunction() {
    setTimeout(function () {
        console.log("1");
    }, 1000);
}

$(document).ready(function () {
    $("#Input").keyup(function () {
        aFunction();
    });
});

HTML：

<input type="text" id="Input"></input>

您可以轻松运行 JSFiddle 并在控制台中看到无论您键入多快，该函数都会执行而不管其先前的执行状态（在这种情况下，setTimeout 尚未在 1 秒内完成，但如果您继续输入，所有函数调用都会被执行）

Answer 1

“你会看到函数每秒都在执行。我希望它在最后一个按键操作的一秒后执行”

setTimeout() function 返回一个 id，您可以将其传递给 clearTimeout() 以防止发生超时 - 当然假设您在时间结束之前调用 clearTimeout()。

var timeoutId;
function aFunction() {
    clearTimeout(timeoutId);
    timeoutId = setTimeout(function () {
        console.log("1");
    }, 1000);
}

$(document).ready(function () {
    $("#Input").keyup(function () {
        aFunction();
    });
});

使用已经发生的超时 id 调用 clearTimeout() 并没有什么坏处，在这种情况下它没有任何效果。

所以上面的代码清除了之前的超时时间（如果有的话）然后创建一个新的超时时间，效果是console.log()的匿名函数只会在用户停止输入1000ms后执行。如果用户在等待超过 1000 毫秒后再次开始输入，则会再次超时。

Answer 2

注意：此答案对应于最初的、非常一般的问题，在经过大量编辑和转换为非常具体的问题之前。

这取决于您的确切执行环境。从理论上讲，JavaScript 是单线程的。你描述的情况永远不会发生。然而，在实践中，它确实会发生（尤其是在浏览器内部），并且没有办法完全控制它。

最接近“控制”的替代方法是从检查全局“激活计数器”变量的值开始。如果为 0，则立即递增并继续执行。退出时递减。

为什么这不起作用？因为2次激活可以同时达到测试。由于变量为 0，因此两个测试都将成功，并且都将继续增加变量并执行。与大多数同步/并发问题一样，问题不会系统地发生，而是时不时地随机发生。这使得事情难以检测、重现和纠正。

你可以尝试两次询问变量，如：

if( activationCounter <= 0 ) {
    if( activationCounter <= 0 ) {
        activationCounter++;
        //  Execution
        activationCounter--;
    }
}

在许多圈子中，这被描述为问题的解决方案，但它只会降低冲突的可能性（相当多，但不是为零）。这只是对“双重检查锁定”模式理解不佳的结果。问题仍然会发生，但频率要低得多。我不确定这是好是坏，因为它们将更难以检测、复制和纠正。