title: on click Disable and Enable setInterval
body: <p>Hi I am trying to disable the <code>setInterval</code> which I have done how ever I cannot enable it again and the class of my <code>"mute"</code> button doesn't change can someone point me in the right direction please here is my code</p>
  
  <p>HTML:</p>
  
  <pre><code>&lt;a href="#" class="MuteOff"&gt;button&lt;/a&gt; 
  </code></pre>
  
  <blockquote>
    <p>Button:</p>
  </blockquote>
  
  <pre><code>$('.MuteOn').on('click tap touch', function() {
  $('.MuteOn').removeClass("MuteOn").addClass("MuteOff"); //the class changes
  clearInterval(MyTimer);
   });
  
  $('.MuteOff').on('click tap touch', function() {
  $('.MuteOff').removeClass("MuteOff").addClass("MuteOn"); //the class doesn't change back to MuteOn
  MyTimer = setInterval(Checker, 100); //doesn't work
   });
  </code></pre>
  
  <blockquote>
    <p>Function:</p>
  </blockquote>
  
  <pre><code>var MyTimer = setInterval(Checker, 100);
   function Checker(){
  
  if ($("body").hasClass("fp-viewing-1")) {
              audio1.play();
              }
             else {
     audio1.pause();
     audio1.currentTime = 0;
              }
  
  if ($("body").hasClass("fp-viewing-2")) {
              audio2.play();
              }
             else {
     audio2.pause();
     audio2.currentTime = 0;
              }
  
  if ($("body").hasClass("fp-viewing-3")) {
              audio3.play();
              }
             else {
     audio3.pause();
     audio3.currentTime = 0;
              }
  }
  </code></pre>
  
  <p>Thank you for any help</p>