页面加载后显示div 2秒

Question

Is possible to show a div for only 2 seconds when users come to my website?

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

maybe using jquery or javascript.

Answer 1

You can use setTimeout to hide the div after 2 seconds on document.ready

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

You can use fadeOut to animate the disappearance of the div.

Answer 2

Try this function, which will hide the div after 2 seconds

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

Answer 3

If you use "hide", the element would not be visible, but the space it ocupies will still be there. Changing the attribute to "display: none", you will hide it while the empty space will disappear.

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