jquery js 求一个10秒后广告DIV层自动消失的JS, 鼠标放上去要停止消失,鼠标离开后继续执行消失 5
2个回答
展开全部
// 首先,我没做过广告类的代码,不过就以你的要求,大概给出代码,可以继续追。
// 广告层的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)
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询