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毫秒的延时才会隐藏弹出内容,在这个时间区间如果鼠标放在了弹出内容上面,则延时清零,不隐藏弹出内容。

当鼠标离开弹出内容的时候,弹出内容隐藏。

posted @ 2016-09-26 14:42  5811  阅读(302)  评论(0)    收藏  举报