title: Vue clearInterval cant stop timer (reset timer)
body: <p>I try to write function to restart <code>setInterval</code> timer:</p>
  <pre><code>data() {
      return {
          intervalId: undefined,
          backlightTimerSeconds: 5000,
      }
  },
  </code></pre>
  <p>I have an method:</p>
  <pre><code>timerBacklightOff() {
      const interval = 1000
  
      this.intervalId = setInterval(() =&gt; {
          this.backlightTimerSeconds -= interval
  
          console.log('timerBacklightOff', this.backlightTimerSeconds)
  
          if(this.backlightTimerSeconds &lt;= 0) {
              this.setBacklight(false)
              this.clearTimerBacklight()
              return
          }
      }, interval)
  },
  </code></pre>
  <p>In antoher method I have method to clear interval:</p>
  <pre><code>clearTimerBacklight() {
      if(!this.intervalId) return
  
      this.backlightTimerSeconds = 0
      clearInterval(this.intervalId)
      this.intervalId = undefined
      this.backlightTimerSeconds = 5000
  },
  </code></pre>
  <p>I runned method <code>clearTimerBacklight</code> using button.</p>
  <p>I have a problem, blecause when I running method <code>clearTimerBacklight</code>, then not stop <code>setInterval</code> and <code>console.log('timerBacklightOff', this.backlightTimerSeconds)</code> still counter down. How I can restart <code>setInterval</code> to basis time?</p>