jQuery自定义动画在中途停止后如何继续运动?

代码如下:

 <script src="../jQueryLibrary/jquery-1.11.3.js"></script>
<script>
        $(function(){
            $('button').eq(0).click(function(){
                $('#box').animate({
                    'left' : '800px'
                }, 4000).animate({
                    'top' : '400px'
                }, 3000).animate({
                    'left' : '0px',
                    'transform' : 'scale(1.5)'
                }, 4000);
            });
            $('button').eq(1).click(function(){
                $('#box').stop(true);
            });
        });
</script>
<style>
        #box{
            width:300px;
            height:300px;
            background:green;
            position:absolute;
        }
</style>

<body>
    <button type="button">start</button>
    <button type="button">stop(clearQueue)</button>
    <div id="box"></div>
</body>

我点击了start按钮之后,当div运动在第二个动画时,我点击了stop(clearQueue)按钮,动画停止,那么如何让动画继续运动下去?

没有清除队列,再点一次start就行了