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

$('.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');})
})

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

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