javascript - 如果用户执行点击，如何取消超时

Question

如果没有执行任何其他点击事件，我想在 10 秒后显示一个弹出窗口。即我在 10 之后显示弹出窗口:

setTimeout( "jQuery('#rollup-page-Modal').modal('show');",10000 );

现在很少有弹出窗口，一旦点击就会显示为:

jQuery(".more-info").click(function(event){
    jQuery("#more-info-modal").modal('show');
    event.preventDefault();
});

jQuery(".call-now").click(function(event){
    jQuery("#request-callback-modal").modal('show');
    event.preventDefault();
});

jQuery(".popup-send-quote").click(function(){
    jQuery("#request-callback-modal").modal('hide');
    jQuery("#callback-thankyou-modal").modal('show');
});

现在我想，如果显示任何其他弹出窗口或执行任何其他点击事件，则不应显示第一个弹出窗口(将在 10 秒后显示)。

Answer 1

您应该将timeout 的id 存储在一个变量中，然后您可以使用window.clearTimeout()在文档中发生点击时清除超时:

var timer = setTimeout( "jQuery('#rollup-page-Modal').modal('show');",10000 );
$(document).on("click",function(){
  clearTimeout(timer);
});