Question

js如何控制鼠标放在div上3秒后才执行函数，并且鼠标移出3秒再执行函数

当鼠标有移出去有3秒钟的时间才把div给隐藏掉，这个mouseout不知道怎么做，不是简单的延迟3秒，如果我的鼠标移出去1秒又回到当前对象上了，那么div不消失，谢谢了！
就是红框里不知道怎么写，而且这个方法我需要封装起来好调用

Answer 1

$('.memu .menu_list').parent('li').hover(function(){
$(this).find('.menu_list').slideDown(100);
$(this).find('>a').addClass('dq');
},function(){
box=$(this).find('.menu_list')
s_1=$(this).find('>a')
t=setTimeout("box.hide();s_1.removeClass('dq');",300);
$(this).find('.menu_list').hover(function(){clearTimeout(t);s_1.addClass('dq');},function(){$(this).hide();s_1.removeClass('dq');})
})

这是我自己写的，应该是你想要的思路，我就不针对你的这个问题做相对应的调整了，也许不是最好的答案，但是我达到了我想要的效果了，你看下，有什么不理解的再密我

Answer 2

都不用Jquery了 用原生的JS比较有档次