如何让我的页面加载秒一组量之后 - 使用JavaScript

Question

我试图创建一个效应2秒，其中2秒后的页面加载，通过操纵DOM的JavaScript

我怎么能做到这一点？

Answer 1

<script>setTimeout(function(){window.location.href='page.html'},5000);</script> 

对于索引页仅使用 '/'

<script>setTimeout(function(){window.location.href="/"},3000);</script> 

Answer 2

创建绝对定位的元素和2秒后淡出/消失它。

setTimeout(() => $("#layer").fadeOut(), 2000); 
 
/* 
 
    or if you are not using jQuery - line below 
 
    setTimeout(() => document.getElementById('layer').style.display = 'none', 2000); 
 
*/

#layer { 
 
    position: absolute; 
 
    width: 100%; 
 
    heigth: 100%; 
 
    background: red; 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> 
 
<div id="layer">test</div>

Answer 3

2秒延时首先，你必须确保加载“$（文件）。就绪”页面后，您可以使用“setTimeout的”。

$(document).ready(function(){ 
setTimeout(function{ 
/* your code goes here , what action you want to do code it here .*/ 
},3000/* time in milliseconds */); 
});