vue中如何使用延时函数

85 阅读1分钟

如果你希望每隔2秒给 this.resultthis.url 赋值,你可以使用 setInterval 函数来实现。以下是修改后的代码示例:

console.log("我是接受的数据", response.data);
console.log('我是接受数据的长度', response.data.length);

var i = 0;
var interval = setInterval(() => {
  console.log("我是循环次数记录器", i);
  this.result = response.data[i].result;
  this.url = response.data[i].url;
  
  i++;
  if (i >= response.data.length) {
    clearInterval(interval); // 清除定时器
  }
}, 2000);

在这个示例中,我们使用了 setInterval 函数来每隔2秒执行一次回调函数。在回调函数内部,我们将 this.resultthis.url 赋值为当前循环的数据。然后我们递增 i,并在 i 大于或等于 response.data.length 时清除定时器,以停止循环。

请注意,使用定时器时需要小心处理内存泄漏的问题,确保在不需要时清除定时器。在这个示例中,我们在循环结束后清除了定时器。