js轮询(延时setTimeout)

在vue项目中显现延时轮询

data() {
    return {
      initTimer: null,
      count: 0
    }
  },

定义轮询方法:
polling (data) {
      let _this = this;
      if (_this.count == 3) {
        clearTimeout(_this.initTimer);
        console.log('【轮询结束】')
      } else {
        _this.initTimer = setTimeout(function () {
        _this.count++;
        console.log('【轮询次数】', _this.count);
        _this.polling ();
      }, 1000);
    }

思路:
定义initTimer承载 setTimeout方法,用于轮询结束清除 setTimeout,即clearTimeout(_this.initTimer);
定义count参数用于控制轮询次数,时间间隔设置1秒。

轮询过程与轮询结束需要进行的内容都可在if/elese中设置。

在原生H5或react框架中使用大致相同。

如果对你有帮助,记得点个赞噢(~~)

猜你喜欢

转载自blog.csdn.net/start_sea/article/details/122450713