通过鼠标事件暂停/恢复动画jquery

下面是一个代码：

我知道我需要保存块的当前位置或类似的东西。。。但可能存在另一种更易于使用的解决方案吗

$(function () {
var startTime = new Date();    
tl = $('#thumbs_list');
tl.css('overflow', 'hidden');

var slider = $('#thumbs_list_frame'),
    items = slider.find('li');
var sliderHeight = slider.height(),
    itemsNum = items.length,
    itemHeight = items.height();


slider.css('top', '-' + (sliderHeight + itemHeight) + 'px');

var startPos = slider.css('top');

items.first().before(items.clone());
items.last().after(items.clone());

scrollItems(slider,sliderHeight,itemHeight,startPos,4);
var endTime = +new Date();
var diff = endTime - startTime;

setInterval(function(){ 
    scrollItems(slider,sliderHeight,itemHeight,startPos,4);
}, 300);

}))

功能滚动项（容器、目标高度、增量、开始时间、临时）{ var secs=temps*3000

container.mouseover(function(){
  container.stop(true);
}).mouseout(function(){
  //container.animate();
});   

container.animate({
    'top': '-' + ((targetsHeight * 2) + increment) + 'px'
}, secs, 'linear', function () {
    container.css('top', startPos);      
});

---

}

尝试在document ready中添加此代码，并执行以下操作：

---

谢谢你的快速回答，但不是停止。。。而且工作很奇怪。。。当您尝试时，有时会将光标停留一段时间，而当鼠标从块中移开时，这不是恢复。

var itvl = setInterval(function(){ 
        scrollItems(slider,sliderHeight,itemHeight,startPos,4);
    }, 4000);

    $('#container').hover(function(){
        clearInterval(itvl);
        $('#slider').stop();
    },function () {
        var itvl = setInterval(function(){ 
            scrollItems(slider,sliderHeight,itemHeight,startPos,4);
        }, 4000);
});