jquery如果沒有點擊後（x）秒自動執行功能

Question

我有一個函數，執行幻燈片打開一對夫婦揭露背後的內容。有一個按鈕，當點擊激活功能顯示所述內容。我試圖找出如何在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); 
     }); 

    });