vue加入2个定时器

在Vue.js中，如果你想同时加入两个定时器，你可以使用`setInterval`或`setTimeout`函数，并将它们封装在Vue实例的方法中，以便于管理状态并能利用Vue的生命周期钩子确保它们在适当的时候开始和停止。

例如：

export default {
  data() {
    return {
      timer1Active: false,
      timer2Active: false,
      intervalId1: null,
      intervalId2: null,
    };
  },
  methods: {
    startTimer1() {
      if (!this.timer1Active) {
        this.intervalId1 = setInterval(() => {
          // 执行第一个定时器任务
          console.log('Timer 1 running');
        }, 1000); // 每秒执行一次
        this.timer1Active = true;
      }
    },
    
    stopTimer1() {
      if (this.intervalId1) {
        clearInterval(this.intervalId1);
        this.intervalId1 = null;
        this.timer1Active = false;
      }
    },
    
    startTimer2() {
      if (!this.timer2Active) {
        this.intervalId2 = setTimeout(() => {
          // 执行第二个定时器任务
          console.log('Timer 2 running');
        }, 5000); // 每5秒执行一次
        this.timer2Active = true;
      }
    },
    
    stopTimer2() {
      if (this.intervalId2) {
        clearTimeout(this.intervalId2);
        this.intervalId2 = null;
        this.timer2Active = false;
      }
    },
  },
};

在这个例子中，`startTimer1`和`startTimer2`会启动对应的定时器，而`stopTimer1`和`stopTimer2`会在不需要时关闭它们。记得要在适当的生命周期钩子（如`mounted`、`beforeDestroy`等）中调用这些方法，以确保资源的合理释放。