动画结束后消失

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秒每次它再次加载。有人熟悉这个问题吗?

Answer 1

如果你设置loop为false，它应该会给你想要的效果。