頁面加載后顯示div 2秒

Question

用戶訪問我的網站時，能否僅顯示2秒鍾的div？

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

也許使用jQuery或JavaScript。

Answer 1

您可以在文檔上2秒鍾后使用setTimeout隱藏div。

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

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

Answer 2

嘗試此功能，它將在2秒后隱藏div

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

Answer 3

如果您使用“隱藏”，則該元素將不可見，但它所占據的空間仍將存在。 將該屬性更改為“ display：none”，您將隱藏它，而空白將消失。

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