在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框架中使用大致相同。
如果对你有帮助,记得点个赞噢(~~)