Phonegap Jquery Animate卡在运动上

Question

我一直在创建一个PhoneGap应用程序，并且一直遇到创建此应用程序的问题。应用程序中div的大部分将包含用户将输入的文本，这会产生问题，因为我想保持字体大小等...

所以基本上我继续创建一个jquery，它在div中移动我的文本，然后在到达内容结尾时离开。

您可以在

看到演示

http://codepen.io/nike121/pen/xigpd

        var vx = 2; //handles speed on x axis

        function hitLR(el, bounding) {
            if (el.offsetLeft <= 0 && vx < 0) {
                console.log('LEFT');
                vx = -1 * vx; //use the speed and -1 to move content to left
            }
            if ((el.offsetLeft + el.offsetWidth) >= bounding.offsetWidth) {
                console.log('RIGHT');
                vx = -1 * vx;
            }
        }

        function mover(el, bounding) {
            hitLR(el, bounding);
            el.style.left = el.offsetLeft + vx + 'px';
            //el.style.top = el.offsetTop + vy + 'px';
            setTimeout(function() {
                mover(el, bounding);
            }, 100);
        }

        setTimeout(function() {
            mover($('.bouncer')[0], $('.bouncyHouse')[0]);
        }, 250);

        $(".bouncyHouse").hover(function(){
             $( this ).css( "background","green" );
         });

有谁知道我怎么能阻止这个恼人的循环

万分感谢