Javascript/JQuery - Do not call the function within setTimeout if the timeout delay is not met -


I'm trying to set the delay before a help tip appears on the hover. However, the problem I am experiencing is that when the user's mouse touches the HTML element and moves quickly, then it still shows the help tip after 500 millimeters is over. I just want to show the hover tip if the mouse ends for 500 seconds if it leaves the area before 500ms, then the hover tip should not be shown. Can you please help here is the code snippet here please me Do not know existing plug-ins like hover intent etc. But since I am doing a little bit of custom things within my fun cataston, I would not like to use the plug-in and would just leave the home-grown solution. Thanks in advance for your suggestion

Here is the code snippet 

  function display tip (display text, display element) {// Some discreet test code here Setimet (function () (Introduction Dele (display text, display element), 500);}   
 What I am trying to achieve is that if the user's mouse is given for the 500 mms HTML Do not move on the element, then Della is the fun to start The PIN is not created at all. Save the return value from  setTimeout ()  and then, a "mouseover" handler, it will be  explicit timeout .  
 Clear with the  var timer; function display tip (display text, display element) {// some discreet check code here timer = set timeout (function () (intro) (display text, display element)}, 500) ;} // ... $ ('whatever'). Mouseleave (function () {clear timeout (timer);});   
 In Stw not bother to see it when it's up, nothing bad if you  clearTimeout ()  call the timer ID which has been removed previously.

Comments

Post a Comment