vue项目如何实现每隔多长时间请求一次接口???

24 篇文章 0 订阅

在实际项目中我们经常需要实现轮询-每隔一段时间请求一次接口刷新数据

window.setInterval(() => {
setTimeout(() => {
///调取接口
}, 0)
}, 30000)

具体秒数看需求而设定,这里先设定30秒(setTimeout是自带清除定时器)

在vue项目中我们直接在 created(){} 生命周期中写就可以了

  created() {
    this.currentTime();
    this.getRoleList();
    this.getErrorPerson();
    this.userInfo();
    this.getNormalNum();
    this.getTemLowNum();
    this.getSleepNormalNum();
    this.getNormaOxygenNum();
    this.getStayPlace();
    this.getMessageNum();
    this.getSoprtData();


    setInterval(() => {
      setTimeout(() => {
        ///调取接口
        this.getStayPlace(); // 停留地点
        this.getNormalNum(); //心率
        this.getTemLowNum(); //体温
        this.getSleepNormalNum(); // 睡眠
        this.getNormaOxygenNum(); //血氧
        this.getErrorPerson(); // sos报警列表
        this.getRoleList(); // 电子围栏列表
      }, 0);
    }, 2 * 60 * 60000); // 两个小时

    setInterval(() => {
      setTimeout(() => {
        this.getMessageNum(); //消息
        this.getSoprtData(); // 运动监测数据
      }, 0);
    }, 12 * 60 * 60000); //一天
  },

 

  • 7
    点赞
  • 34
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值