javascript mouseover delay?

Question

I'm trying to write a script that delays the display of a menu. It is a tab type menu, so when you mouse over a tab i want the menu to display after a certain delay, but if they move the mouse off the tab before the time is over, it shouldn't display.

i have the method that displays the menu but i'm not sure how to do the delay

Answer 1

when you mouseover, you start up a delay with setTimeout to do it in a second or so, and then in the mouse out , you do the current hide stuff, but also clearTimeout the timeout!

Answer 2

There are couple of built in functions in Javascript which helps you to get this thing working. We need to primarily understand the logic.
setTimeout() and clearTimeout() works hand in hand to get the output.
Once the user has hovered over the tab you need to set the timer: say 3 seconds. if the person moves out before the three seconds then reset the timer using the cleartime out option,
but otherwise show the menu.

I hope this is clear..