title: Using multiple instances of setInterval
body: <p>I have a jsFiddle here: <a href="http://jsfiddle.net/dztGA/22/" rel="nofollow">http://jsfiddle.net/dztGA/22/</a></p>
  
  <p><strong>The goal:</strong> Essentially, I'm trying to have 2 discrete timers on the same page that can be destroyed and re-created on mouseover/mouseout (pause), or on manual progression (restart).</p>
  
  <p><strong>The problem:</strong> What my jsFiddle's single timer will illustrate is that when I click "Stop Timer", my setInterval  (stored in variable t) seems to have multiple instances albeit being destroyed with clearInterval(t). This becomes apparent when I click "Restart Timer" and it seems to have 2+ independent timers as illustrated by the quick increment.</p>
  
  <p><strong>A caveat:</strong> I have done as much research on SO as I can, but because I'll be having 2 different sliders on the page, I can't use any "clear all timers" methods, so I tried storing each in a variable.</p>
  
  <p>I hope that's clear. Thanks for the view.</p>