Advanced Search

Execute something if over something after X seconds

/ Published in: jQuery
Save to your folder(s)
I created this snippet for a personal project, where i needed to open a tooltip only when the user was over or moving the mouse after X seconds in a specific selector.
In the code you will find "your code goes here" where you can play around like showing or hiding divs, or whatever are your needs.

Expand | Embed | Plain Text

Copy this code and paste it in your HTML 
  1. $(this).mouseover(function(){	
  2.  
  3. 	$seconds = 0;
  4. 	$timer = 0;
  5. 	count();	
  6.  
  7. 	function count(){		
  8. 		$seconds = setTimeout(function() {
  9. 			count();
  10. 		}, 1000);			
  11. 		$timer = $timer + 1;							
  12. 		if($timer == 2){			
  13. 			// your code goes here...		
  14. 			clearTimeout($seconds);			
  15. 		}		
  16. 	}							
  17.  
  18. }).mousemove(function(kmouse){			
  19. 	if($timer == 2){			
  20. 		// your code goes here...
  21. 		clearTimeout($seconds);			
  22. 	}	
  23. }).mouseout(function(){	
  24. 	clearTimeout($seconds);	
  25. 	// your code goes here...	
  26. });

Report this snippet


Comments

RSS Icon Subscribe to comments

You need to login to post a comment.