How to tell .hover() to wait?

by

This will make the second function wait 2 seconds (2000 milliseconds) before executing:

$('.icon').hover(function() {
    clearTimeout($(this).data('timeout'));
    $('li.icon > ul').slideDown('fast');
}, function() {
    var t = setTimeout(function() {
        $('li.icon > ul').slideUp('fast');
    }, 2000);
    $(this).data('timeout', t);
});

It also clears the timeout when the user hovers back in to avoid crazy behavior.

This is not a very elegant way of doing this, however. You should probably check out the hoverIntent plugin, which is designed to solve this particular problem.

More Related Contents:

  1. Get first and last date of current month with JavaScript or jQuery [duplicate]
  2. Using JQuery hover with HTML image map
  3. setTimeout / clearTimeout problems
  4. Maximum call stack size exceeded on SetTimeout recursive function (Javascript) [duplicate]
  5. pure javascript to check if something has hover (without setting on mouseover/out)
  6. How can I obtain the local time in jQuery?
  7. How to test a function which has a setTimeout with jasmine?
  8. jQuery: trigger a hover event from another element
  9. stop settimeout in recursive function
  10. Jquery time difference in hours from two fields
  11. JQuery, setTimeout not working
  12. How to start mouseover event while dragging
  13. Why does everything display at once, using setTimeout in Javascript?
  14. JavaScript NTP time
  15. Adding The Anchor Text As The Title Dynamicaly
  16. Get all Attributes from a HTML element with Javascript/jQuery
  17. How to prevent a click on a ‘#’ link from jumping to top of page?
  18. Resize jqGrid when browser is resized?
  19. Selecting multiple classes with jQuery
  20. Passing data to a jQuery UI Dialog
  21. document.getElementsByClassName().innerHTML always returns “undefined”
  22. Check if parent window is iframe or not
  23. Remove all attributes
  24. Clone a file input element in Javascript
  25. submit event does not fire if submit initiated programmatically
  26. jQuery plugin DataTables: How to highlight the current search text?
  27. Add CSS rule via jQuery for future created elements
  28. jQuery continuous mousedown
  29. closure inside a for loop – callback with loop variable as parameter [duplicate]
  30. How can I calculate the difference between two times that are in 24 hour format?

Leave a Comment