Jquery 如果 (x) 秒后未单击，则自动执行函数

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 );
    });
});