Javascript SetInterval函数-运行X个数组，然后返回到数组[0]，然后再次循环

Question

我有10个SVG，需要在加载时绘制/填充并每10分钟更新一次。每个SVG大约有500个盒子，而10个SVG占用5000步。此外，在绘制/填充框之前，需要进行一些计算。

我通过 for 循环运行它们，加载过程花费了10秒钟以上，冻结了浏览器。

因此，我想到了使用SetInterval，仅在页面加载后才触发，并且可能在3秒钟后才一次绘制/填充SVG。我的每个SVG都是ID依次为SVG1，SVG2，SVG3 ....等。

因此，我尝试通过其ID 1,2,3 ... etc访问getElement。我对代码的作用做了简单的解释，但似乎无法通过SVG的ID进行浏览。

var z = 1;
let RunNonStop = setInterval(AddText, 2000, z);

function AddText(x) {
  document.getElementById("SVGdiv" + x.toString()).innerHTML =
    document.getElementById("SVGdiv" + x.toString()).innerHTML +
    "Add " +
    x.toString() +
    "<br>";
  if (z != 10) {
    z = z + 1;
  } else {
    z = 1;
  }
}