mouse over and ajax tooltip

Question

I have a number of links which I would like to get some information by using ajax calls and display the information as tooltip.

I have bind the function that make the ajax call with the event on mouseover of the link something like:

$('#div a').bind('mouseover', function () {
   //sending the ajax call
}

everything looks/work fine except, when the user unintentionally move the mouse pointer over all the links, I saw that there are many ajax calls.

so my question how can I prevent the ajax call unless the users hover the mouse pointer on the link for at least 3 or 4 seconds first.

Answer 1

Look up the JavaScript window.setTimeout() function.