设置了清除定时器，为什么但是鼠标放在上面还是会继续轮播？

function byId(id){
    return typeof(id) ==="string"? document.getElementById(id):id;
}
var index =0,
    timer=null;
    pics =document.getElementsByClassName('banner-slide')
    len=pics.length;
    console.log(len);
function slideImg(){
    var main=byId("main");
    main.onmouseover=function(){
        if(timer) clearInterval(timer);
    }
    main.onmouseout=function(){
        var timer =setInterval(function(){
            index++;
            if(index>=len){
                index=0;
            }
            changeImg(index);
        },3000);
    }
    main.onmouseout();
}
function changeImg(){
    for(var i=0;i<len;i++){
        pics[i].style.display='none';
    }
    pics[index].style.display='block';
}
slideImg();