javascript - make div text disappear after 5 seconds using jquery?

Question

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

Answer 1

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.