在頁面加載後顯示div 2秒

Question

當用戶訪問我的網站時，可能只顯示div 2秒鐘？

<div class="message"> 
    <p>Hello, everybody this websites will be moved in 2 weeks</p> 
</div> 

也許使用jQuery或JavaScript。

Answer 1

您可以使用setTimeout 2秒後隱藏在div上的document.ready

$(document).ready(function(){ 
    setTimeout(function(){ $(".message").hide(); }, 2000); 
}); 

您可以使用fadeOut動畫的div消失。

Answer 2

試試這個功能2秒

setTimeout(function() { 
    $('.message').fadeOut('fast'); 
}, 2000); // <-- time in milliseconds 

Answer 3

如果使用「隱藏」之後，將隱藏的div元素將是不可見的，但它ocupies的空間依然存在。將屬性更改爲「display：none」，您將隱藏它，而空白空間將消失。

$(document).ready(function(){ 
    setTimeout(function(){ $(".message").attr("display", "none"); }, 2000); 
});