javascript - 如果未按下按钮，则在 30 秒内自动执行该功能

Question

我想在我的网页中添加以下功能:如果用户在 30 秒内没有按下“接受”按钮，则 $('#popupBoxAccept').click( function() {.. 自动执行。

$(document).ready(function() {
    loadPopupBox();
});

function loadPopupBox() {   // to load the Popupbox 
    $('#popup_box').fadeIn("slow");     
}

$('#popupBoxAccept').click( function() {            
    //...
});

$('#popupBoxDecline').click( function() {           
    //...
});

<div id="popup_box">
    <a id="popupBoxAccept">Accept</a>
    <a id="popupBoxDecline">Decline</a>     
</div>

Answer 1

jsFiddle demo

var tim = setTimeout(function(){
    $('#popupBoxAccept').click();
},30000);

在手册中点击:

$('#popupBoxAccept').click(function(){
     clearTimeout(tim);
      // ........
});

正如@Elias 所建议的那样:

$('#popupBoxDecline').click( function() {
    clearTimeout(tim);           
    //...
});