如何在动画完成后用Lottie和Javascript显示页面
我是个初学者,正在尝试SVG动画。 我制作了一个动画,并用Lottie将其加载到我的简单html页面中。 但我一直试图让它破坏自己,并显示页面内容的其余部分,即页眉和p 我看到了这段代码,在谷歌上搜索,但不知道该放在哪里,我想是合乎逻辑的,然后把它贴在下面。但是没有得到我想要的如何在动画完成后用Lottie和Javascript显示页面,javascript,html,lottie,Javascript,Html,Lottie,我是个初学者,正在尝试SVG动画。 我制作了一个动画,并用Lottie将其加载到我的简单html页面中。 但我一直试图让它破坏自己,并显示页面内容的其余部分,即页眉和p 我看到了这段代码,在谷歌上搜索,但不知道该放在哪里,我想是合乎逻辑的,然后把它贴在下面。但是没有得到我想要的 ani.addEventListener('complete',function(){ ani.destroy() }) 文件 最小割台 TekstTekstKekte window.onload(start()) 函
ani.addEventListener('complete',function(){
ani.destroy()
})
文件
最小割台
TekstTekstKekte
window.onload(start())
函数start(){
var container=document.getElementById(“velkommen”);
var animation=bodymovin.loadAnimation({
货柜:货柜,,
渲染器:“svg”,
循环:false,
自动播放:对,
路径:“data.json”
});
}
我发现了!万一有人想知道:
function start(){
var anim;
var animdata ={
container: document.getElementById("velkommen"),
renderer: "svg",
loop: false,
autoplay: true,
path: "data.json"
};
anim = bodymovin.loadAnimation(animdata);
anim.addEventListener('complete',stopa);
}
function stopa(){
document.getElementById("velkommen").style.display = "none";
}
function start(){
var anim;
var animdata ={
container: document.getElementById("velkommen"),
renderer: "svg",
loop: false,
autoplay: true,
path: "data.json"
};
anim = bodymovin.loadAnimation(animdata);
anim.addEventListener('complete',stopa);
}
function stopa(){
document.getElementById("velkommen").style.display = "none";
}