click（）和setTimeout問題

Question

我在我的頁面底部有一個消息面板，通過應用負邊距來顯示。當它打開時，我會把它想是（以先到者爲準）：

1. 關閉，當用戶點擊＃面板關閉（這是在面板上，所以 唯一可見的，當它打開時）

   OR

2. 關閉6秒後

我的作品，直到我開始開閉重複它的代碼 - 那麼計時出錯。我相信我需要取消setTimeout，如果我點擊關閉了面板，但我無法得到這個工作。

$("#button").click(function() { 
    messagePanel.animate({ 
     marginTop: '-50px' //open 
    }, 600); 

    setTimeout(function(){ 
     messagePanel.animate({ 
      marginTop: '0px' //close 
     }, 600); 
    },6000) 

}); 

$('#panel-close').click(function() { 
    messagePanel.animate({ 
     marginTop: '0px' //close 
    }, 600); 
}); 

任何幫助表示讚賞！

Answer 1

如果您需要取消setTimeout事件，您需要通過setTimeout函數獲取timeoutID返回值，例如。

var timeoutId; 
timeoutId = setTimeout(function() {...}); 
$('#panel').click(function() { 
    clearTimeout(timeoutId); 
} 

看到https://developer.mozilla.org/en/DOM/window.clearTimeout更多細節