javascript - 按两次播放时动画行为怪异

Question

我创建了一个前进和后退的简单矩形动画。问题是，如果我按两次启动按钮，它的行为会很奇怪。如果我按两次开始，我希望动画从第一个位置开始。

有小费吗 ？

      function moveRect1()
        {       
            // Reverse.uppfÖrande
            if( xEnd == 150 )
                xEnd = 50;
            else
                xEnd = 150;

            // x heter x på rektanglar. Vänstra övre hörnet.
            rect1.animate( {x: xEnd},                       // det/de attribut som ska animeras, och till vilket värde.
                            1000,                                   // tid
                            "Sine",                         // Ease funktion
function (){ moveRect1(); } // 
        ); // end animation

        }

链接到动画

http://www.pixeltouch.no/multimedia/labb3/svg.php