make div text disappear after 5 seconds using jquery?

i need to make a div text disappear after x seconds of displaying it using an ajax call

can you help me on this please ?

thanks

Answers:

Answer

You can use empty() to remove a <div> contents:

setTimeout(fade_out, 5000);

function fade_out() {
  $("#mydiv").fadeOut().empty();
}

assuming:

<div id="mydiv">
  ...
</div>

You can do this with an anonymous function if you prefer:

setTimeout(function() {
  $("#mydiv").fadeOut().empty();
}, 5000);

or even:

var fade_out = function() {
  $("#mydiv").fadeOut().empty();
}

setTimeout(fade_out, 5000);

The latter is sometimes preferred because it pollutes the global namespace less.

Answer

You can try the .delay()

$(".formSentMsg").delay(3200).fadeOut(300);

call the div set the delay time in milliseconds and set the property you want to change, in this case I used .fadeOut() so it could be animated, but you can use .hide() as well.

http://api.jquery.com/delay/

Answer
$.doTimeout( 5000, function(){ 

 // hide the div
}); 
Answer

You would need to set something like setTimeout('$("#id").fadeOut("slow")', 5000) but other than that it depends on what the rest of your code looks like

Answer

This should work:

$(document).ready(function() { 
    $.doTimeout(5000, function() { 
        $('#mydiv').fadeOut(); 
    }); 
});
Answer

You may need to display div text again after it has disappeared. This can be done in 1 line.

$('#div_id').empty().show().html(message).delay(3000).fadeOut(300);

Tags

Recent Questions

Top Questions

Home Tags Terms of Service Privacy Policy DMCA Contact Us

©2020 All rights reserved.