Html 在引导前等待n秒，角度2
我正在Angular 2中制作一个空间/重力游戏，目前希望在主菜单组件加载之前有一个初始屏幕 我认为最简单的方法是简单地使用预引导的index.html内容，例如：Html 在引导前等待n秒，角度2,html,css,angular,typescript,Html,Css,Angular,Typescript,我正在Angular 2中制作一个空间/重力游戏，目前希望在主菜单组件加载之前有一个初始屏幕 我认为最简单的方法是简单地使用预引导的index.html内容，例如： <body> <!-- //This is where our bootstrapped content will go. //Because everything will be removed from the DOM after bootstrap,
<body>
<!--
//This is where our bootstrapped content will go.
//Because everything will be removed from the DOM after bootstrap,
//we can consider this pre-bootstrapped index.html as a psuedo "splash screen"
//(anim credit @ http://codepen.io/katehummer/pen/zrygBM)
-->
<!--<app-mainmenu>-->
<svg class="solar-system">
<circle id="sun" cx="100" cy="100" r="10" stroke="none" fill="#FFE581" />
<circle id="mercury" cx="100" cy="100" r="3" fill="#fff" stroke="none" />
<circle id="venus" cx="100" cy="100" r="4" fill="#fff" stroke="none" />
<circle id="earth" cx="100" cy="100" r="5" fill="#fff" stroke="none" />
<circle id="mars" cx="100" cy="100" r="5" fill="#fff" stroke="none" />
<circle id="mercury-orbit" cx="100" cy="100" r="35" fill="none" stroke="rgba(255,255,255,0.2)" stroke-width="0.5" />
<circle id="venus-orbit" cx="100" cy="100" r="55" fill="none" stroke="rgba(255,255,255,0.2)" stroke-width="0.5" />
<circle id="earth-orbit" cx="100" cy="100" r="75" fill="none" stroke="rgba(255,255,255,0.2)" stroke-width="0.5" />
<circle id="mars-orbit" cx="100" cy="100" r="95" fill="none" stroke="rgba(255,255,255,0.2)" stroke-width="0.5" />
</svg>
<!--
//WAIT 10 SECONDS MINIMUM - OR WAIT UNTIL USER LOADS IF AFTER 10 SEC
-->
<!--</app-mainmenu>-->
</body>
<script>
setInterval(tryFinishLoading, 10000);
function tryFinishLoading() {
alert("loaded");
}
</script>
设置间隔（tryFinishLoading，10000）；
函数tryFinishLoading（）{
警报（“已加载”）；
}
干杯 这应该能奏效
<body>
<app-mainmenu id="main" style="display:none"></app-mainmenu>
<svg id="anim">Your Animation</svg>
<script>
var anim = document.getElementById('anim');
var main = document.getElementById('main');
setTimeout(function() {
anim.style.display = 'none';
main.style.display = 'block';
}, 10000);
</script>
</body>
你的动画
var anim=document.getElementById（'anim'）；
var main=document.getElementById（'main'）；
setTimeout（函数（）{
anim.style.display='none'；
main.style.display='block'；
}, 10000);