jquery - 如果在特定时间段内未单击按钮，则显示一条消息

Question

如何使用 jQuery 检查特定按钮是否在一段时间内(即 20 秒)未被点击后显示消息？

我已经有一个功能示例，如果鼠标在 30 秒后保持空闲状态，它会显示一条消息，对 here

谢谢， 凯尔

Answer 1

当您开始超时时，将它返回的 ID 分配给一个 var:

function visible_a_message(){
  $('#warningMessage').show();
}
var timeout = 20000; //20 secs
var showWarningBox = setTimeout(visible_a_message, timeout);

然后当按钮被点击时，清除超时:

<input type='button' onClick='clearTimeout(showWarningBox);'" />

这不依赖于按钮会将用户带到不同页面的假设(它确实在单击按钮后取消显示消息，无论浏览器在做什么)它跳过了使用类作为变量的麻烦。