Как остановить густую анимацию google по нажатию кнопки

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> 

любая помощь и предложение приветствуются. Спасибо в advancce.

Answer 1

Я также хотел бы играть паузу анимации

так я редактировал runtime.js

Я добавил имя функции «myfun» в runtime.js

, так что вы можете обратиться

Вы можете скачать пример here.

благодаря

И дайте мне знать, если он работал для вас или нет

Answer 2

Вы можете использовать stage.destroy(); чтобы полностью его убить, но для приостановки/возобновления вам потребуется отредактировать время выполнения, как предложено pareshm.

Обратите внимание, что редактирование времени выполнения не является надежным, если будущие обновления вызывают беспокойство, поскольку swiffy-код запутан заново в каждой версии.