Question

I have a function that executes to slide open a couple divs to reveal the content behind. There is a button that when clicked activates the function to reveal said content. I’m trying to figure out how to execute that function automatically if the button isn’t clicked on after 7 seconds. Any help would be much appreciated.

Here’s what I’ve got.

$(document).ready(function() {

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

    }); 

Answer 1

Add a timer:

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

And clear it in your button click:

clearTimeout(timer);

Full code:

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