页面加载后显示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在document.ready

上2秒后隐藏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

如果使用＆＃34;隐藏＆＃34;，该元素将不可见，但它的空间仍将存在。将属性更改为＆＃34; display：none＆＃34;，您将隐藏它，而空白区域将消失。

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