如果在(x)秒后没有单击Jquery,则自动执行函数

Question

我有一个函数执行滑动打开几个div来揭示背后的内容.点击时有一个按钮激活该功能以显示所述内容.我想弄清楚如果7秒后没有点击按钮,如何自动执行该功能.任何帮助将非常感激.

这就是我所拥有的.

$(document).ready(function() {

        $(".button").click(function(){
                $(this).fadeOut('slow'); 
                    $(".leftside").animate({width:'60px'}, 500 );
                    $(".rightside").animate({width:'60px'},500 );
        });

    }); 

Answer 1

添加计时器:

var timer = setTimeout(function() { $(".button").click(); }, 7000);

并在按钮单击中清除它:

clearTimeout(timer);

完整代码:

$(document).ready(function() {
    var timer = setTimeout(function() { $(".button").click(); }, 7000);
    $(".button").click(function(){
            clearTimeout(timer);
            $(this).fadeOut('slow'); 
                $(".leftside").animate({width:'60px'}, 500 );
                $(".rightside").animate({width:'60px'},500 );
    });
});