Question

jquery js 求一个10秒后广告DIV层自动消失的JS， 鼠标放上去要停止消失，鼠标离开后继续执行消失

Answer 1

// 首先，我没做过广告类的代码，不过就以你的要求，大概给出代码，可以继续追。

// 广告层的jQuery变量
var $advertLayer = $('#advert_layer');
var time = 10;

// 页面加载时，就开始计时，10秒消失
beginAdvertLayer(time * 1000)

$advertLayer.hover(
    // 鼠标经过的时候，清除计时
    function () {
        stopAdvertLayer()
    },
    // 鼠标离开的时候，继续计时
    function () {
        // 如果已经到了广告关闭时间，就不执行，此事广告层应该已经隐藏了。
        if(time !== 0 )
            beginAdvertLayer(time)
    });
    
/ 开始执行，time秒后隐藏广告层
function beginAdvertLayer(time) {
    // 10秒没任何操作（到时间）,广告层消失
    timer = setTimeout(function () {
        // 没进入一次，致广告timer 减少一秒；
        --time;
        // 时间到
        if (time === 0) {
            $advertLayer.hide();
            stopAdvertLayer();
        }
        
    }, time * 1000);
}

// 停止计时
function stopAdvertLayer() {
    clearTimeout(timer);
}

追问

目前没有任何效果，不知道是不是因为跟页面上的其它JS冲突了

追答

// 页面加载时，就开始计时，10秒消失
beginAdvertLayer(time * 1000)

修改为：

// 页面加载时，就开始计时，10秒消失
beginAdvertLayer(time)

Answer 2

$('.bjceng') 这个层显示的时候把sckLpubp 这个层挡住 触发了$('.bjceng').hide(); 所以会一直闪来闪去
解决办法 方法很多，简单说2种
1：调整bjceng的位置，让其显示的时候不遮挡sckLpubp 层
2：调整JS bjceng 这个离开的时候才控制其隐藏