vue如何使用setInterval和setTimeout定时向服务器轮询或者刷新页面。

vue如何使用setInterval和setTimeout定时向服务器轮询或者刷新页面。

一、setInterval是什么？

setInterval() 方法可按照指定的周期（以毫秒计）来调用函数或计算表达式。setInterval() 方法会不停地调用函数，直到 clearInterval() 被调用或窗口被关闭。由 setInterval() 返回的 ID 值可用作 clearInterval() 方法的参数。

二、使用步骤

具体使用代码如下：

getQRList() {
      // 要执行的函数
    },
mounted() {
    // 向后端轮询收款码列表
    this.getQRList();
    this.timer = window.setInterval(() => {
      setTimeout(() => {
        this.getQRList();
      }, 0);
    }, 5 * 1000);
    beforeDestroy() {
    // 关闭网页也结束支付轮询结果
    clearInterval(this.timer);
  },

总结

切记，要在页面关闭之前使用clearInterval将setInterval清除。