javascrip轮播图鼠标放上的时候停止定时器。鼠标移动又重新启动定时器

最近在做项目的时候遇到的问题。今天给大家分享一下

就是轮播图上。鼠标移入停止轮播。鼠标离开又重新开始轮播。轮播图离不开定时器。我们写的jqery的mouseenter

上代码

定时器需要用变量存我们停止定时器的时候clearInterval(变量)才能停了   这都是废话    勿喷。。。。

$("#row").on("mouseenter",function(){
window.clearInterval(timer)
});

在需要停止定时器的时候哦这儿就有坑了

$("#row").on("mouseleave",function(){
    timer = setInterval(fun,10);
 })

好多小盆友会说再重新启动定时器不就好了  。确实如此。

但是这里面必须是把定时器赋值给原来timer变量。如果你重新定义了变量不是赋值给原来的变量。就会出现一种可怕的现象

一种是鼠标hover一次。定时器就加快了一次。越来越快。。。。

或者就是hover的时候停不了定时器。各种bug  有点 e x....