Home » jQuery26 January 2010

jQuery: Set time interval between events with queue function

You can use jQuery queue() function with setTimeout() function to set some time interval between events in jQuery. Like, you have run one event and wanted the browser to wait for some time to run the next event. At this instance, queue function is very helpful.

Suppose, you wanted an image to fade in and out. You can use fadeIn() and fadeOut() jQuery functions to do so. But when you like to wait for some time between fade in and fade out then you can use the queue() function. Remember that, .dequeue() is necessary to write in a queue() so that the next function in line executes.

View Demo || Download Code

Here is the full source code.

View Demo || Download Code

Thanks.

jQuery

Get New Post by Email

Find me on

FacebookTwitterGoogle+LinkedInRSS Feed
  • Pingback: All About Kaldewei Baths Europe's Number One Tub Manufacturer | Elite Bathrooms()

  • Gunnar

    Hello!
    Seeing the issues you’re working on, you could probably help me: I’m looking for a kind of time event for jQuery, in order to make an ajax request to the database in regular time intervals. For instance, if you want to update a shoutbox every 5 seconds.
    Actually, when I see your „recent tweets“ box on your page, you seem to use some function like that (at least, this is similar to what I have in mind). Can you give me a hint how I can tell my script (using jQuery) to execute an ajax request in regular time intervals?

    Thank you in advance!

    Gunnar