前端定时器VUE

定时获取数据实现方法

data() {
  return{
    intervalId: null
  }
},
created(){
   this.dataRefreh();
},
destroyed(){
  // 在页面销毁后，清除计时器
  this.clear();
},
methods: {
  dataRefreh() {
    // 计时器正在进行中，退出函数
    if (this.intervalId != null) {
      return;
    }
    // 计时器为空，操作
    this.intervalId = setInterval(() => {
      console.log("刷新" + new Date());
      //执行获取数据的方法

    }, 5000);
  },
  // 停止定时器
  clear() {
    clearInterval(this.intervalId); //清除计时器
    this.intervalId = null; //设置为null
  }
}