title: setInterval and setTimeout
body: <pre><code>var myTimer = setInterval(function(){
      var eleID = '';
      var delayTimer = '';
      $('#hp-fcas li').each(function(i) {
          eleID = $(this).attr('id');
          delayedTrigger( $('#'+eleID + ' a'), 7000*i);
      });
      function delayedTrigger(elem, delay){
          setTimeout(function(){
              $(elem).trigger('click');
          }, delay );
      }
  }, 21000);
  
  $(".play").click(function(){
      clearTimeout();
      clearInterval(myTimer);
  });
  </code></pre>
  
  <p>The first interval is 21 seconds, of the first instance.</p>
  
  <p>the 2nd interval is 3 7-second instances (what I want).</p>
  
  <p>I'm trying to clear all of the above when I click .play.</p>
  
  <p>Any help?</p>