hover事件加定时器

需求:hover  a.menuBtn  的时候 div.myInfo在a.menuBtn下方显示出来 离开的时候隐藏  当hover从a.menuBtn 到div.myInfo时,div.myInfo继续显示, 现在给a.menuBtn 加了个定时器 让他延迟消失,让鼠标更好hover过渡到div.myInfo

遇到的问题是 如果鼠标多次快速经过a.menuBtn时 显示隐藏的效果就变异常了 初步判断是定时器没有执行完 鼠标再次进入了hover事件

js代码如下

有没有大神遇到类似的问题,

加个判断就行了,判断鼠标经过或停留该元素内,则停止计时器,从上面的代码中你没有判断鼠标再次hover的时候作出处理