title: How can I re enable a setInterval after I called clearInterval?
body: <p>Here's my javascript:</p>
  
  <pre><code>&lt;script type="text/javascript"&gt;
  var timer;
  
  $(document).ready(function () {
      timer = setInterval(updatetimerdisplay, 1000);
  
      $('.countdown').change(function () {
          timer = setInterval(updatetimerdisplay, 1000);
      });
  
      function updatetimerdisplay() {
          $(".auctiondiv .auctiondivleftcontainer .countdown").each(function () {
              var newValue = parseInt($(this).text(), 10) - 1;
              $(this).text(newValue);
  
              if (newValue &gt;= 9) {
                  $(this).css("color", "");
                  $(this).css("color", "#4682b4");
              }
  
              if (newValue == 8) {
                  $(this).css("color", "");
                  $(this).css("color", "#f3982e");
              }
  
              if (newValue == 5) {
                  $(this).css("color", "");
                  $(this).css("color", "Red");
              }
  
              if (newValue &lt;= 1) {
                  //$(this).parent().fadeOut();
                  clearInterval(timer);
              }
          });
      }
  });
  
  var updateauctionstimer = setInterval(function () {
      $("#refreshauctionlink").click();
  }, 2000);
  
  function updateauctions(response) {
      var data = $.parseJSON(response);
  
      $(data).each(function () {
          var divId = "#" + this.i;
          if ($(divId + " .auctiondivrightcontainer .latestbidder").text() != this.b) {
              $(divId + " .auctiondivrightcontainer .latestbidder").fadeOut().fadeIn();
              $(divId + " .auctiondivrightcontainer .auctionprice .actualauctionprice").fadeOut().fadeIn();
              $(divId + " .auctiondivleftcontainer .countdown").fadeOut().fadeIn();
          }
  
          $(divId + " .auctiondivrightcontainer .latestbidder").html(this.b);
          $(divId + " .auctiondivrightcontainer .auctionprice .actualauctionprice").html(this.p);
  
          if ($(divId + " .auctiondivleftcontainer .countdown").text() &lt; this.t) {
              $(divId + " .auctiondivleftcontainer .countdown").html(this.t);
          }
      });
  }
  &lt;/script&gt;
  </code></pre>
  
  <p>Basically, I want to turn the timer back on, if any .countdown element has it's text change. </p>
  
  <p>The text will change because of an AJAX call I use to update that value.</p>
  
  <p>Currently the timer doesn't re enable and the countdown freezes after the value of .Countdown is changed. I think that the change() event fires when the text of an element changes. Is this correct?</p>
  
  <p>Any glaring mistakes on my part?</p>