How to show an image and hide it after 5 seconds?

Question

var div=document.createElement("div");
div.innerHTML="<img src='load.gif'>";

With javascript.

Answer 1

Make use of setTimeout().

Edit: I realize, isn't this a bit fake? Shouldn't you hide a load.gif when the loading task is actually finished? Using them for decoration only makes no sense.

Answer 2

I would use jQuery for it so code is more elegant. Otherwise you could use setTimeout

var div=document.createElement("div");
div.innerHTML="<img src='load.gif'>";
setTimeout("div.innerHTML=''",5000);