（x）秒後にクリックしないとJqueryが自動的に関数を実行する

Question

2つの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); 
    }); 
}); 

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

    });