VueJS - setInterval函数的显示倒计时

Question

我在挂载中触发了一个函数，之后每 15 分钟调用一次。在我的组件中，我想显示一个倒计时，直到 minutes/seconds.

中的下一个 setInterval

 async mounted() {
  this.pullData();
  setInterval(function(){this.pullData(); }, 900000);  
},

async pullData() {
   this.loading = true;
   const getData = await axios.get(`/api/v1/card/${this.card}`);
   this.data = await getData.data.data;
   this.loading = false;
}

如何重复倒计时直到下一次 setInterval 运行？

Answer 1

在 pullData 函数中创建新的 interval 并添加 leftTime = 900000 字段，该字段每秒更新一次：

async pullData() {
   setInterval(() => {
     this.leftTime = -= 1000;
     console.log(leftTime)
   }, 1000);
   this.loading = true;
   const getData = await axios.get(`/api/v1/card/${this.card}`);
   this.data = await getData.data.data;
   this.loading = false;
}

VueJS - setInterval函数的显示倒计时

VueJS - Display Countdown of setInterval function

javascript

timer

setinterval

vue.js