jquery - 如何通过单击按钮停止 google swiffy 动画

Question

我正在使用https://www.gstatic.com/swiffy/v5.4/runtime.js对于带有播放和跳过按钮的网站中的一些动画。一切正常，但现在我需要一个跳过按钮，这样当我单击它时，我正在加载的动画或上面的 js 应该停止。我只是无法停止动画。我该怎么做呢。我尝试了以下方法。

<script type="text/javascript">
    var stage = '';
    $('div#processing_load').hide();
    $(document).on('click', 'div#play', function(){
        $(this).hide();
        $('div#stop').css('display', 'block');
        $('div#processing_load').show();
        var url = 'https://www.gstatic.com/swiffy/v5.4/runtime.js';
        $.getScript(url)
            .done(function(){
                $('div#processing_load').hide();
                $('#swiffycontainer').css('display', 'block');
                $('.landing-banner').css('display', 'none');
                stage = new swiffy.Stage(document.getElementById('swiffycontainer'), swiffyobject);
                stage.start();
                stage.setBackground(null); 
            })
    })
    $(document).on('click', 'div#stop', function(){
        $(this).hide();
        $('div#play').css('display', 'block');
        stage.stop();
    })
</script>

欢迎任何帮助和/或建议。提前致谢。

Answer 1

您可以使用 stage.destroy();完全杀死它，但为了暂停/恢复，您需要按照 pareshm 的建议编辑运行时。

请注意，如果担心 future 的更新，则编辑运行时并不可靠，因为 swiffy 代码在每个版本上都会重新混淆。