title: vuetify stepper with timer
body: <p>I make a vue app and I have there vuetify stepper. I want to change step to next by 1min. This is my code:</p>
  
  <pre><code>&lt;template&gt;
    &lt;v-stepper v-model="e1"&gt;
      &lt;v-stepper-header&gt;
        &lt;v-stepper-step :complete="e1 &gt; 1" step="1"&gt;Name of step 1&lt;/v-stepper-step&gt;
  
        &lt;v-divider&gt;&lt;/v-divider&gt;
  
        &lt;v-stepper-step :complete="e1 &gt; 2" step="2"&gt;Name of step 2&lt;/v-stepper-step&gt;
  
        &lt;v-divider&gt;&lt;/v-divider&gt;
  
        &lt;v-stepper-step step="3"&gt;Name of step 3&lt;/v-stepper-step&gt;
      &lt;/v-stepper-header&gt;
  
      &lt;v-stepper-items&gt;
        &lt;v-stepper-content step="1"&gt;
          &lt;v-card class="mb-5" height="400px"&gt;
            &lt;span&gt;{{ minutes }}&lt;/span&gt;
            &lt;span&gt;:&lt;/span&gt;
            &lt;span&gt;{{ seconds }}&lt;/span&gt;
            &lt;v-btn class="info" @click="startTimer"&gt;start&lt;/v-btn&gt;
          &lt;/v-card&gt;
  
          &lt;v-btn color="primary" @click="e1 = 2"&gt;Continue&lt;/v-btn&gt;
  
          &lt;v-btn flat&gt;Cancel&lt;/v-btn&gt;
        &lt;/v-stepper-content&gt;
  
        &lt;v-stepper-content step="2"&gt;
          &lt;v-card class="mb-5" height="400px"&gt;&lt;/v-card&gt;
  
          &lt;v-btn color="primary" @click="e1 = 3"&gt;Continue&lt;/v-btn&gt;
  
          &lt;v-btn flat&gt;Cancel&lt;/v-btn&gt;
        &lt;/v-stepper-content&gt;
  
        &lt;v-stepper-content step="3"&gt;
          &lt;v-card class="mb-5" height="400px"&gt;&lt;/v-card&gt;
  
          &lt;v-btn color="primary" @click="e1 = 1"&gt;Continue&lt;/v-btn&gt;
  
          &lt;v-btn flat&gt;Cancel&lt;/v-btn&gt;
        &lt;/v-stepper-content&gt;
      &lt;/v-stepper-items&gt;
    &lt;/v-stepper&gt;
  &lt;/template&gt;
  
  &lt;script&gt;
  export default {
    data() {
      return {
        e1: 0,
        timer: null,
        totalTime: 1 * 60,
        resetButton: false
      };
    },
    methods: {
      startTimer: function() {
        this.timer = setInterval(() =&gt; this.countdown(), 1000);
      },
      resetTimer: function() {
        this.totalTime = 1 * 60;
        clearInterval(this.timer);
        this.timer = null;
      },
      padTime: function(time) {
        return (time &lt; 10 ? "0" : "") + time;
      },
      countdown: function() {
        if (this.totalTime &gt;= 1) {
          this.totalTime--;
        } else {
          this.totalTime = 0;
          this.resetTimer();
        }
      },
    },
    computed: {
      minutes: function() {
        const minutes = Math.floor(this.totalTime / 60);
        return this.padTime(minutes);
      },
      seconds: function() {
        const seconds = this.totalTime - this.minutes * 60;
        return this.padTime(seconds);
      }
    }
  };
  &lt;/script&gt;
  </code></pre>
  
  <p>I added here a timer, but it's start by clicking start button. What I want to achieve is: timer starts automatically and go to next step after 1 minute, then timer starts again and go next after 1min etc...</p>