JQuery, если не щелкнуть после (x) секунд, выполнить функцию автоматически

Question

У меня есть функция, которая выполняет слайд, чтобы открыть пару divs, чтобы показать содержимое позади. Существует кнопка, которая при нажатии активирует функцию, чтобы открыть указанный контент. Я пытаюсь выяснить, как выполнить эту функцию автоматически, если на кнопку не нажимать через 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); 
    }); 
}); 

Answer 2

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

}); 

Answer 3

$(document).ready(function() { 

     setTimeout(showThis(), 7000); 

     $(".button").click(showThis); 

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

    });