Javascript 页面加载后显示div 2秒

Javascript 页面加载后显示div 2秒,javascript,jquery,html,Javascript,Jquery,Html,当用户访问我的网站时,能否仅在2秒钟内显示div <div class="message"> <p>Hello, everybody this websites will be moved in 2 weeks</p> </div> 大家好,这个网站将在两周内被移动 可能使用jquery或javascript。您可以在document.ready上使用2秒后隐藏div $(document).ready(function(){

当用户访问我的网站时,能否仅在2秒钟内显示div

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

大家好,这个网站将在两周内被移动

可能使用jquery或javascript。

您可以在document.ready上使用2秒后隐藏div

$(document).ready(function(){
    setTimeout(function(){ $(".message").hide(); }, 2000);
});
您可以使用来设置div消失的动画。

您可以使用在document.ready上2秒后隐藏div

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

您可以使用来设置div消失的动画。

尝试此功能,它将在2秒后隐藏div

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

}, 2000); // 尝试此功能,它将在2秒后隐藏div

setTimeout(function() {
    $('.message').fadeOut('fast');
}, 2000); // <-- time in milliseconds
setTimeout(函数(){
$('.message').fadeOut('fast');
}, 2000); //  如果使用“隐藏”,元素将不可见,但它所占用的空间仍将存在。将属性更改为“display:none”,您将隐藏该属性,而空白将消失

$(document).ready(function(){
    setTimeout(function(){ $(".message").attr("display", "none"); }, 2000);
});
如果使用“隐藏”,元素将不可见,但它所占用的空间仍将存在。将属性更改为“display:none”,您将隐藏该属性,而空白将消失

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