Question

$('#test').hover(
 function () {
  $(this).append('Blah');
 }
);

How can I make the jQuery repeatedly append Blah in #test based on how long you are hovering over #test?

For instance, how can I append Blah once every second you are hovering over #test?

Answer 1

You could use setInterval like this :

var myInterval = false;
$('#test').hover(
   function(){
      $that = $(this); 
      // need to save $(this) as 'this' will be different within setInterval
      myInterval = setInterval(function(){
         $that.append('Blah');
      }, 100); // repeat every 100 ms
   },function() {
      clearInterval(myInterval);  // clear the interval on hoverOut
   }
);

Working example here