这个轮播图，有问题，鼠标在切换对应图片后，图片会自动切换的速度会变的很快，如何解决

Question

var lbt=document.getElementById("lbt-div");
var ul=document.getElementById("lbt-img");
var img=ul.getElementsByTagName("li");
var ol=document.getElementById("lbt-ol").getElementsByTagName("li");
var index=0;
var timer=null;
timer=setInterval(lb,2000);
function lb(){
    index++;
    if(index>=ol.length){
        index=0;
    }
    for(k=0;k<img.length;k++){
        img[k].style.display="none";
        ol[k].className=""
    }
    img[index].style.display="block";
    ol[index].className="ol";
}
lbt.onmouseover=function(){
    clearInterval(timer)
};
lbt.onmouseout=function(){
    setInterval(lb,2000)
};
for(var i=0;i<img.length;i++){
    ol[i].id=i;
    ol[i].onmouseover=function(){
        for(var j=0;j<img.length;j++){
            img[j].style.display="none";
            ol[j].className="";
        }
        img[this.id].style.display="block";
        ol[this.id].className="ol";
    }
}

Answer 1

lbt.onmouseout=function(){    clearInterval(timer)    setInterval(lb,2000)};要用定时器，先清定时器。

Answer 2

lbt和ol在html里是不是嵌套关系，可以试一下将onmouseover改成onmouseenter；onmouseout改成onmouseleave；因为onmouseover如果存在子元素会多次触发，就相当于多次调用计时器