一定の時間が経過した後にクリックと対戦して重複したjqueryアニメーションを防止する

Question

ページ上部に表示される通知バーが表示され、xx秒後にslideOutが実行されます。私はまた、slideOutを早くするためにクリックすることができるアイコンを持っています。

問題は、ボタンを押すとアニメーションが2回起こることです。クリックしてからxx秒後に消えて表示され、再びslideOutを実行します。

イベントをバインドするためにこれを別に書く必要があると思いますか？またはif文を追加する必要がありますか？あなただけのこと

var hideTimeout = window.setTimeout(hideNotification, 700); 

function..like window.setTimeoutはを使用して、hideNotification関数にあなたの方法の遅延コールを削除する必要があり、この

window.clearTimeout(hideTimeout); 

を追加することができます

<script type="text/javascript"> 
Ext.onReady(function() { 
    hideNotification.defer(7000); 
}); 
var hideNotification = function() { 
    Ext.get('notification-bar').slideOut('t', {duration:0.5, easing:'easeOut'}); 
    Ext.get('notification-hide-button').setDisplayed(false); 
} 
$("#notification-hide-button").click(function() { 
    hideNotification(); 
}); 
</script> 

Answer 1

一度ボタンをクリックしてください..