javascript - 动画在 LottieJS 结束时消失

Question

我有一个动画构建，LottieJS其中循环如下：

var lottieLogo = lottie.loadAnimation({
      container: document.getElementById('icon_logo'), // the dom element that will contain the animation
      renderer: 'svg',
      loop: true,
      autoplay: false,
      path: 'path-to-json'
    });
lottieLogo.play();

然后在动画完成后，我想暂停 10 秒，例如：

function logoAnimation() {
    lottieLogo.pause();
    setTimeout(
      function() 
         {
            lottieLogo.play();
         }, 10000);
}
lottieLogo.addEventListener('loopComplete', logoAnimation);

它工作正常，但唯一的问题是动画每次再次加载时都会消失约 0.2 秒。有谁熟悉这个问题？

标签： javascriptfunctionanimationlottie