export default {
 //定义
 data(){
   return {
     timer:null
   }
 },

  //调用
  mounted() {
    this.timer = setInterval(() => {
      setTimeout(this.getTemp, 0);
    }, 5000);
  },

    //页面切除后解除定时
    beforeDestroy() {
      clearInterval(this.timer);
      this.timer = null;
    },

getTemp:已经封装好的方法,是从后端调用数据的

beforeDestroy:页面切除后解除定时,防止浏览其他界面时依旧不停调用

调用格式:setTimeout(function(){}, 间隔时间)

方法为到达设定时间间隔只调用一次,若想一直重复调用,可使用:

setInterval(function(){}, 间隔时间) 

页面若需要开始就进行加载,只需在定时之前提前调用一次function即可

 mounted() {
    this.getTemp();
    this.timer = setInterval(() => {
      setInterval(this.getTemp, 0);
    }, 5000);
  },

5000为设定时间,注意不是function时间间隔,而是整个定时方法的间隔

Logo

前往低代码交流专区

更多推荐