Javascript clearInterval在jQuery中停止悬停动画

我有下面的

当我将鼠标悬停在prev上时，我希望它按原样移动，当我停止悬停时，我希望它停止。 请参阅下面的代码。当我停止悬停时警报工作，但clearInterval不工作？ 我做错了什么

    <div> <span id="prev">prev</span>

        <div class="scroll-container">
            <div class="img-container">
                <img src="http://dummyimage.com/100x100/000000/fff">
                <img src="http://dummyimage.com/100x100/f33636/fff">
                <img src="http://dummyimage.com/100x100/0c5b9e/fff">
                <img src="http://dummyimage.com/100x100/0c9e0c/fff">
            </div>
        </div>

    </div>

    var hoverInterval;
    function goLeft() {
        if (!$('.img-container').is(':animated')) {
            var first = $('.img-container img:first-child');
            var firstClone = first.clone();
            $('.img-container').append(firstClone);
            $('.img-container').animate({
                "left": "-=110px"
            }, "slow", function () {
                first.remove();
                $('.img-container').css("left", "0");
            });
        }
    }
    $('#prev').hover(

    function () {
        hoverInterval = setInterval(goLeft, 100);
    },
    function () {
        alert(1);
        clearInterval(goLeft);
    }
    );

prev
var区间；
函数goLeft（）{
如果（！$（'.img container'）。是（':animated'））{
var first=$（'.img容器img:first-child'）；
var firstClone=first.clone（）；
$（'.img container'）.append（firstClone）；
$（'.img容器'）。设置动画({
“左”：“-=110px”
}，“慢”，函数（）{
首先，删除（）；
$（'.img container'）.css（“左”，“0”）；
});
}
}
$（'prev'）。悬停(
函数（）{
悬停间隔=设定间隔（高尔夫球场，100）；
},
函数（）{
警报（1）；
果岭；
}
);

将其更改为

clearInterval(hoverInterval);