JavaScript - как переключить setInterval

Question

в моем приложении Vue Я пытаюсь переключаться между двумя интервалами, в зависимости от флага переключателя (true или false). Я хочу отобразить «Это первый интервал» или «Это второй интервал». Мой метод:

data() {
   return {
     switcher: false
   }
},

methods: {
 switchInterval() {
   this.switcher = !this.switcher;
   if(this.switcher) {
       let firstInterval = setInterval(() => {
         console.log('This is first interval')
       }, 1000)
    if(this.switcher === false) clearInterval(firstInterval);
     }

      if(!this.switcher) {
         let secondInterval = setInterval(() =>{
             console.log('This is second interval')
          }, 1000);

      if(this.chatSwitch === true) clearInterval(secondInterval);
 }
}

Может ли кто-нибудь помочь мне с этим?

Answer 1

toggleInterval() {
      let handler;
      this.switcher = !this.switcher;

      if (this.switcher) {
        handler = () => {
          console.log('This is first interval');
        };
      } else {
        handler = () => {
          console.log('This is first interval');
        };
      }
      clearInterval(this.intervalId);
      this.intervalId = setInterval(handler, 1000);
},

информация о setInterval