Fatal编程技术网
  • javascript/
  • Javascript jQuery：带有淡出计时器的动态元素

Javascript jQuery：带有淡出计时器的动态元素

javascript jquery timer

Javascript jQuery：带有淡出计时器的动态元素,javascript,jquery,timer,Javascript,Jquery,Timer,我在我的站点上有一个基本的消息系统，它将消息排队/附加到一个浮动在页面顶部的div中。每条消息应在X秒后淡出，但如果您将鼠标悬停在该消息上方，则将暂停其淡出时间，然后在mouseleave上恢复 所以我尝试附加一个div并在其上附加一个计时器以淡出，但在mouseneter上它将暂停淡出，在mouseleve上它将恢复淡出。此外，还有一个关闭按钮，将立即使其消失 我已经尝试了delay（），但是没有办法控制它，我似乎无法用setTimeout（）来控制它，因为我不知道如何将计时器附加到所创建的d

我在我的站点上有一个基本的消息系统，它将消息排队/附加到一个浮动在页面顶部的div中。每条消息应在X秒后淡出，但如果您将鼠标悬停在该消息上方，则将暂停其淡出时间，然后在mouseleave上恢复

所以我尝试附加一个div并在其上附加一个计时器以淡出，但在mouseneter上它将暂停淡出，在mouseleve上它将恢复淡出。此外，还有一个关闭按钮，将立即使其消失

我已经尝试了
delay（）
，但是没有办法控制它，我似乎无法用
setTimeout（）
来控制它，因为我不知道如何将计时器附加到所创建的div上。

您需要将计时器ID添加到全局范围内的对象中，如
窗口。计时器
，在鼠标上方，在所有活动计时器上迭代，
clearTimeout（）
，并保存一个
timeRemaining
值-这与DOM就绪时间戳和鼠标覆盖事件的时间戳不同。在mouseout上，使用
timeRemaining
值而不是初始时间值再次设置所有计时器