setTimeout 延时器使用方法,延时菜单
.nv-class-btn 是按钮标签
.class2 是弹出标签
var timer = null;
$(".nv-class-btn").hover(function() {
clearTimeout(timer);
$('.class2').show();
}, function() {
timer = setTimeout(function() {
$('.class2').hide();
}, 500);
});
$(".class2").hover(function() {
clearTimeout(timer);
}, function() {
$('.class2').hide();
});
解释:
当 鼠标经过按钮的时候,弹出内容,当离开按钮的时候有个500毫秒的延时才会隐藏弹出内容,在这个时间区间如果鼠标放在了弹出内容上面,则延时清零,不隐藏弹出内容。
当鼠标离开弹出内容的时候,弹出内容隐藏。
为代码疯狂!
浙公网安备 33010602011771号