程式師世界 >> 編程語言 >> 更多編程語言 >> 編程綜合問答 >> jquery-jQuery自定義動畫在中途停止後如何繼續運動？

jquery-jQuery自定義動畫在中途停止後如何繼續運動？

編輯：編程綜合問答

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）按鈕，動畫停止，那麼如何讓動畫繼續運動下去？