Glow-project Glow → 2.0

Allow Overlays to show / hide after a delay. Useful for rollover usability

glow.events.addListener("#blah", "mouseenter", function() {
  // show the overlay 2 seconds after entering #blah
  myOverlay.show({
    delay: 2
  });
});

glow.events.addListener("#blah", "mouseleave", function() {
  // hide the overlay 1 second after leaving #blah
  myOverlay.hide({
    delay: 1
  });
});

With the above code, the mouse would have to be over #blah for 2 seconds before the overlay would show. The overlay would not show if the mouse left #blah before those 2 seconds were up (ie, calling hide would cancel the timeout straight away).

If the mouse leaves #blah, the overlay would hide after 1 second, if the mouse returns to #blah within that second, the overlay would remain shown (ie, calling show would cancel the timeout straight away).

Useful enough to include?