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的建议编辑运行时。

请注意，如果将来更新是一个问题，编辑运行时是不可靠的，因为每个版本都会重新模糊swiffy代码。

Answer 2

我还想暂停动画

所以我编辑了runtime.js

我在runtime.js

中添加了函数名称“myfun”

所以你可以参考

您可以下载示例here。

感谢

让我知道它是否适合你

如何在点击按钮时停止谷歌swiffy动画

2 个答案: