Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/89.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
如何在动画完成后用Lottie和Javascript显示页面_Javascript_Html_Lottie - Fatal编程技术网

如何在动画完成后用Lottie和Javascript显示页面

如何在动画完成后用Lottie和Javascript显示页面,javascript,html,lottie,Javascript,Html,Lottie,我是个初学者,正在尝试SVG动画。 我制作了一个动画,并用Lottie将其加载到我的简单html页面中。 但我一直试图让它破坏自己,并显示页面内容的其余部分,即页眉和p 我看到了这段代码,在谷歌上搜索,但不知道该放在哪里,我想是合乎逻辑的,然后把它贴在下面。但是没有得到我想要的 ani.addEventListener('complete',function(){ ani.destroy() }) 文件 最小割台 TekstTekstKekte window.onload(start()) 函

我是个初学者,正在尝试SVG动画。 我制作了一个动画,并用Lottie将其加载到我的简单html页面中。 但我一直试图让它破坏自己,并显示页面内容的其余部分,即页眉和p

我看到了这段代码,在谷歌上搜索,但不知道该放在哪里,我想是合乎逻辑的,然后把它贴在下面。但是没有得到我想要的

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";
}