javascript - 如果函数在 3 秒内未调用 N 条记录中的 1 条，如何应用超时

Question

当用户执行特定操作(键入)时，我会运行一个函数，该函数将特定样式应用于 100 个用户列表中的该用户。当用户继续键入时，该函数将继续运行。

我想做的是应用一段时间来删除样式。这意味着如果该函数在 3 秒内没有被调用，请运行另一个命令来删除样式。

关于如何创建这样的超时有什么建议吗？

谢谢

Answer 1

使用 JavaScript 的 setTimeout() 方法调用一个方法，在 3 秒(3000 毫秒)后删除样式。见下文:

var timeout;

function clearStyling() {
    // clear your styling here
};

$("#typingBox").on("keypress", function() {
    clearTimeout(timeout);
    timeout = setTimeout(clearStyling, 3000);
    // do your styling here ...
});