javascript - 如何在 5 秒内停止功能？Vue.js

Question

这是我的代码

 setInterval(this.randomImage, 250);
 setInterval(this.randomPosition, 250);
 setInterval(this.addImage, 250);

我想在 5 秒内停止 addImage 功能，因为图像正在无限添加！

我试着用这种方式做

let timesRun = 0;
const intervalAddImage = setInterval(function () {
  timesRun += 1;
  if (timesRun === 60) {
    clearInterval(intervalAddImage)
  }
  this.addImage();

}, 250);

intervalAddImage();

但它不起作用......

我正在使用 Vue.js！

标签： javascriptarraysvue.js

Answer 1

以下代码每 250 毫秒运行一次任务，并在 5 秒后停止。我希望这会给你一些启发。

var intervalId = setInterval(() => console.log("running"), 250);
setTimeout(() => clearInterval(intervalId), 5000);