Timeout jQuery effects

by

Update: As of jQuery 1.4 you can use the .delay( n ) method. http://api.jquery.com/delay/

$('.notice').fadeIn().delay(2000).fadeOut('slow');

Note: $.show() and $.hide() by default are not queued, so if you want to use $.delay() with them, you need to configure them that way:

$('.notice')
    .show({duration: 0, queue: true})
    .delay(2000)
    .hide({duration: 0, queue: true});

You could possibly use the Queue syntax, this might work: 

jQuery(function($){ 

var e = $('.notice'); 
e.fadeIn(); 
e.queue(function(){ 
  setTimeout(function(){ 
    e.dequeue(); 
  }, 2000 ); 
}); 
e.fadeOut('fast'); 

});

or you could be really ingenious and make a jQuery function to do it.

(function($){ 

  jQuery.fn.idle = function(time)
  { 
      var o = $(this); 
      o.queue(function()
      { 
         setTimeout(function()
         { 
            o.dequeue(); 
         }, time);
      });
  };
})(jQuery);

which would ( in theory , working on memory here ) permit you do to this: 

$('.notice').fadeIn().idle(2000).fadeOut('slow');

More Related Contents:

  1. jQuery ajax (jsonp) ignores a timeout and doesn’t fire the error event
  2. How to trigger an event in input text after I stop typing/writing?
  3. How to cancel a jquery.load()?
  4. While variable is not defined – wait
  5. JQuery ajax call default timeout value
  6. what is the use of $.data() in jquery [duplicate]
  7. Check if inputs are empty using jQuery
  8. jQuery loop over JSON result from AJAX Success?
  9. Jquery bind double click and single click separately
  10. .delegate() vs .on()
  11. Importing jQuery into Joomla
  12. Get the height and width of the browser viewport without scrollbars using jquery?
  13. How do I bind Twitter Bootstrap tooltips to dynamically created elements?
  14. Including More Than One jQuery Versions
  15. Button text toggle in jquery
  16. xmlHttp.getResponseHeader + Not working for CORS
  17. Events not registering after replaceWith
  18. jQuery syntax – when to use $ (dollar) vs jQuery [duplicate]
  19. Check if textbox has empty value
  20. AJAX Post of JavaScript String Array to JsonResult as List Always Returns Null?
  21. JQuery UI Datepicker, reverse the order of the year in the dropdowns
  22. Invoke ColdFusion function using AJAX
  23. jQuery Dialog-Postback but UpdatePanel doesn’t get updated
  24. jQuery: using a variable as a selector [duplicate]
  25. jQuery detect click on disabled submit button
  26. jquery validation not waiting for remote validation to return true, considers form valid
  27. Selecting a jQuery Tab using a parameter in the URL
  28. Using jQuery’s $.ajax within an angularJS controller
  29. Listen to changes within a DIV and act accordingly
  30. Load JQuery into a Chrome extension?

Leave a Comment