How to delay the execution of functions - jQuery

Question

Im using this to delay and fadeout some messages on my site.

<script> $("#infomsg").delay(2400).fadeOut(600);</script>

So when page is loaded the message is still on page 2400ms after that is gone with fadeout, but how i can make, when you open page i need this message to display after 3 sec. or simple slow fadein first.. im try something like this

<script> $("#infomsg").fadeIn(1200).delay(2400).fadeOut(600);</script>

and this not work for me, can you help me to make this ?

P.S Sorry for my english and thanks

natedavisolds · Accepted Answer · 2011-10-14 03:24:13Z

2

I prefer to use callbacks.

$("#infomsg").fadeIn(1200, function() {
  $(this).delay(2400).fadeOut(600);
});

so...

fadeIn
wait for 2400 after fadeIn
fadeOut

edited Oct 14, 2011 at 3:24

answered Oct 13, 2011 at 22:46

natedavisolds

4,2951 gold badge22 silver badges25 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

tvanfosson Over a year ago

No you don't. Look at the example in the documentation: api.jquery.com/delay

natedavisolds Over a year ago

@tvanfosson - correct, you can certainly chain them too. It just sounded like user994461 wanted to do additional things.

tvanfosson · Accepted Answer · 2011-10-13 22:49:22Z

1

You should probably be running this on document load. Other than that, the only problem I see is a missing period.

<script>
   $(function() {
       $("#infomsg").fadeIn(1200)
                    .delay(2400)
                    .fadeOut(600);
    });
</script>

answered Oct 13, 2011 at 22:49

tvanfosson

534k102 gold badges703 silver badges801 bronze badges

3 Comments

user994461 Over a year ago

Im just try and again all works fine only fadeIn not work.. :(

tvanfosson Over a year ago

@user994461 - does the element start hidden, i.e., have you set style="display: none;" on the element or used CSS to hide it initially? Or, better yet, use $('#infomsg').hide().fadeIn(1200)...

user994461 Over a year ago

Ohh im forgot for style="display: none;" :( Thanks

razvancod · Accepted Answer · 2011-10-13 22:44:55Z

0

$("#infomsg").fadeIn(1200).delay(2400).fadeOut(600); you miss a dot

answered Oct 13, 2011 at 22:44

razvancod

211 bronze badge

Collectives™ on Stack Overflow

How to delay the execution of functions - jQuery

3 Answers 3

2 Comments

3 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

2 Comments

3 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related