JavaScript - 如何切换 setInterval

Question

in my Vue app I am trying to toggle between two Intervals, depends on the switcher flag (true or false) I want to display "This is first interval" or "This is second interval". My method:

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);
 }
}

Could anybody help me with this?

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);
},

info on setInterval