A CodePen by Iván Villamil. Restart Timeout - A simple snippet that shows how to restart a timeout.

index.html

<input type="number" id="delay" placeholder="Seconds" size="8" />
<input type="button" id="start-btn" value="iniciar" />
<input type="button" id="reset-btn" value="resetear" />
<span id="output">0</span>

script.js

;(function($){

  App = {
    init: function() {
      this.delay = 8000;
      this.cache();
      this.events();
    },
    
    cache: function() {
      this.delayInput = $('#delay');
      this.startBtn = $('#start-btn');
      this.resetBtn = $('#reset-btn');
      this.output = $('#output');
    },
    
    events: function() {
      this.startBtn.on('click', $.proxy(this.startInterval, this));
      this.resetBtn.on('click', $.proxy(this.resetInterval, this));
    },
    
    startInterval: function(e){
      var $this = this,
          time = 1;
      
      if (this.delayInput.val().length > 0)
        this.delay = this.delayInput.val() * 1000;
      
      this.timeout = setTimeout(function(){
        alert('finished');
      },this.delay);
      
      this.interval = setInterval(function(){
        if ((time*1000) <= $this.delay)
          $this.output.html(($this.delay/1000) - (time++));
      },1000);
    },
    
    resetInterval: function() {
      clearTimeout(this.timeout);
      clearInterval(this.interval);
      this.startInterval();
    }
  },   
  
  App.init();
  
})(jQuery);