Fade out div after X amount of time

Question

I'm looking for a piece of code that will fade out a couple of div elements after a certain amount of time. Here's an example of what I'm working with at the moment:

<div id="CoverPop-cover" class="splash">
<div id="CoverPop-content" class="splash-center">
<img src="../Logo_Script.gif">
</div>
</div>

I'm looking for all of the information contained within this code to fade out after 5 seconds.

@l'L'l That doesn't explain how to delay the start of the fadeout. — Barmar, Oct 25 '14 at 18:10
@Barmar, [this answer](http://stackoverflow.com/a/6121270/499581) within that question or the last one should. — l'L'l, Oct 25 '14 at 18:13

score 3 · Answer 1 · answered Oct 25 '14 at 18:12

3

Use .delay():

$("#CoverPop-cover").delay(5000).fadeOut();

answered Oct 25 '14 at 18:12

friedi

4,350
1
13
19

A.B · Answer 2 · 2014-10-25T18:12:45.933

2

try this , fade out all div after x second, here i suppose x equals to one second so . 1 second = 1000 ms you can change the second parameter to setTimout function in order to change "X" second

 setTimeout(function(){
$("div").fadeOut(300);}
,1000);

edited Oct 25 '14 at 18:12

answered Oct 25 '14 at 18:07

A.B

20,110
3
37
71

1

The parameter to the fadeOut() function is the duration of the animation, not the amount of time before it is executed. – fvgs Oct 25 '14 at 18:08
sorry i missed timeout function – A.B Oct 25 '14 at 18:10

Fade out div after X amount of time

2 Answers2