jQuery：動態元素，帶有計時器淡出

Question

我的網站上有一個基本的消息系統，它將消息排隊/附加到浮動在頁面頂部的div中。 每條消息應在X秒鍾后消失，但如果將鼠標懸停在該消息上將暫停，則其消失時間將消失，然后在鼠標離開時恢復。

因此，我嘗試添加一個div並為其添加一個計時器以使其淡出，但在mouseneter上，它將暫停該淡出，而在mouseleave上，它將恢復它。 還有一個關閉按鈕，將立即使其消失。

我已經嘗試過delay()但是沒有辦法控制它，而且似乎無法使用setTimeout()來解決問題，因為我不知道如何將計時器附加到創建的div上。

Answer 1

您需要將計時器id添加到全局范圍內的對象（例如window.timers ，並且在鼠標懸停時，對所有活動計時器進行迭代，將它們window.timers clearTimeout()並保存timeRemaining值-與DOM准備就緒的區別時間戳和該鼠標懸停事件的時間戳。 鼠標移出時，將所有計時器重新設置為timeRemaining值，而不是初始時間值。