如何淡出後幾秒鐘的元素，只有當它是與jQuery可見

Question

正在嘗試用下面的代碼

if(jQuery('.invalidcontent_wrapper').is(':visible')){ 
    var xSeconds = 4000; 
    setTimeout(function() { 
    jQuery('.invalidcontent_wrapper').fadeOut('fast'); 
    }, xSeconds); 
}; 

幾秒鐘後淡出的元素，但點擊的時候有一個錯誤下一次，當它打開時，它會很快隱藏起來。我怎樣才能以某種方式清除秒數，並且只在顯示元素時才執行此操作？

Answer 1

嘗試清除timeout當用戶再次點擊，

var xSeconds = 4000; 
var timeOut = 0; 

jQuery("#someClick").click(function(){ 
    var elem = jQuery('.invalidcontent_wrapper'); 
    if(elem.is(':visible')){ 
    clearTimeout(timeOut); 
    timeOut = setTimeout(function() { 
    elem.fadeOut('fast'); 
    }, xSeconds); 
    } 
});