Question

So I know this is a question that has been asked a lot, but I’m hoping for easier ways of doing this with jQuery now.
All I want to do is have a div that shows new posts from users, one at a time. Socket IO will push new data into a list, and all but one will be hidden at a time. There will be an interval to change the data shown every x amount of seconds. What I want to do is when a user hovers over it, to pause the interval, and when they mouse out resume where it left off.

<ul> 
<li class="current">List #1</li>
<li>List #2</li>
</ul>

Answer 1

You don’t show the code you already have, but the following is a fairly generic way to do it:

var pause = false;

setInterval(function() {
   if (pause)
      return;

   // your code to change the item here

}, delay);

$("selector for your element here").hover(
   function() {
      pause = true;
   },
   function() {
      pause = false;
   }
);

(Probably should have all of the above in a document ready.)

Working demo: http://jsfiddle.net/N2uMA/