jquery缩略图不适用于jsfiddle示例

Question

我正在尝试迭代缩略图，但它没有按预期工作。

当鼠标从一个图像缓慢移动到下一个图像时，它可以工作但是如果我将鼠标从第一个图像集（水果）移动到第三个图像集（模因），则第一个图像集中的一些图像会显示出来在最后一个图像集中。

我认为主要问题是在onhover中我不会释放计时器或在此功能中：

function runPics(ele) {
    //debugger;
    //get the path of the thumbnails. 
    var path = $($(ele)[1]).attr('id');
    console.log(path);
    var pt1 = path.split('_')[1].substring(0, 4);
    var pt2 = path.split('_')[1].substring(4, 8);
    var pt3 = path.split('_')[1].substring(8);
    var totalPath = "http://www.jtest.comuf.com/" + pt1 + "/" + pt2 + "/" + pt3;
    //set image to thumbnail
    img.attr('src', totalPath + '_' + pcnt + '.jpg');
    pcnt++;
    if (pcnt == 6) pcnt = 1;
}

这很难解释，但这是一个例子：

jsfiddle example

任何帮助将不胜感激。如果您需要进一步澄清，请与我们联系。谢谢！