hover事件clearInterval无效

本文共有585个字,关键词:

问题:使用hover事件实现clearInterval时有时会失效
解决:setInterval和clearInterval必须一对一的,每一个set都需要clear
方法:
原因是当鼠标空降到元素时,不能运行clearInterval,所以使用mouseover替代
注:mouseenter也不可以

// 定时器
var timer = self.setInterval(run2, 3000);
//当鼠标划入,停止轮播图切换
$(".banner").hover(function(){
clearInterval(timer);
}, function(){
timer = setInterval(run2, 3000);
});

使用mouseover 和 mouseleave 替代hover,

// 定时器
var timer = self.setInterval(run2, 3000);
//当鼠标划入,停止轮播图切换
$(".banner").on("mouseover", function(){
clearInterval(timer);
});
$(".banner").on("mouseleave", function(){
timer = setInterval(run2, 3000);
});

版权声明:本文为作者原创,如需转载须联系作者本人同意,未经作者本人同意不得擅自转载。
添加新评论
暂无评论