jquery - .hover() onmouseout ブレーク for(){}

Question

$('#drugiGumb').hover(
    function () {
        for (var i = 0; i < 60; i++) {
            $('#drugiGumbSlika').delay(15).animate({ marginLeft: '-=149px' }, 1);
        }
        $('#drugiGumbSlika').animate({ marginLeft: '-8791px' }, 1);
    }, function () {
        $('#drugiGumbSlika').stop().animate({ marginLeft: '0px' }, 1);
    }
    );

こんにちは、私は幅 8791px の画像を持っています。その画像は 1 つの画像のアニメーションです。1 フレームは 149x85px です。それをアニメーション化するには、上記のコードを作成します。私の問題は、マウスアウトでループをブレーキできず、アニメーションが停止しないことです。どうすればこれを達成できますか？

事前にt​​hx。