clearInterval()不起作用，并且鼠標滑入后從第一張圖片直接跳到倒數(shù)第二張圖片之后按順序又跳到第一張，這是怎么回事？

這是我的代碼

$(function() {

var slider_i = $('.slider .slider_item'); // 圖片
var pag = $('.slider_pagination .pagination'); // 隨著圖片變化的標簽
var index = 0;
var Timer = null;
var len = slider_i.length; //6

pag.mouseover(function() {
    index = pag.index(this);
    pagshow(index);
}).eq(0).mouseover();

slider_i.hover(function() {
    if(Timer) {
        clearInterval(Timer);
    }
},function() {
    Timer = setInterval(function() {
        pagshow(index);
        index++;
        if (index == len) {
            index = 0;
        }
    },3000)
}).trigger("mouseleave");


function pagshow(index) {
    slider_i.eq(index).stop(true,true)
    .css("opacity","1").siblings().css("opacity","0");

    pag.eq(index).css("opacity","0.9")
    .siblings().css("opacity","0.2");
}

});