How do I show something after mouseover longer than 1 second with jQuery QTip

Question

I want to display a QTIP (http://craigsworks.com/projects/qtip/) after my mouseover is longer then 1 second on a link. how is this possible?

If im with the mouse over the element less then 1 second, nothing should happen. I have tried the below code, but my browser crashes:

$(".Details").bind("mouseover", function() 
{
  t= setTimeout($(this).qtip({ args... }), 1000); });
  $(".Details").bind("mouseout", function() { clearTimeout(t); 
});

Answer 1

In the mouseover event, set a timeout for a second. In the mouseout event, cancel the timeout. In the timeout function, display your qtip.

Answer 2

Set the show.delay property on the qTip plugin.

$(function() {
  $('#myDiv').qtip({
    content: 'My tooltip',
    show: { delay: 1000 }
  });

});