Javascript动画无限循环

Question

我正在用javascript写一个简单的动画（我不能使用CSS），而且似乎没有使其无限的功能。 这是我到目前为止所拥有的：

  myMove(ball , i, size) {
          var id = setInterval(frame, 3* i);
    function frame() {
      if (size == 100) {
        size = 0;
      } else {
        size++; 
        ball.style.width = size/10 + 'px'; 
        ball.style.height = size/10 + 'px';
      }
    } 
}

球将是元素，而i是for循环中的迭代元素，其中对每个元素调用该函数。

for (var i = 0; i < numberOfBalls; i++{
   myMove(document.getElementByClassName[i]('ball'), i, 10)
}

而size是我希望元素扩展到的最大大小。 我希望有一个平稳的过渡，其中5个球将连续展开（因此第一个球在300毫秒后，第二个在300毫秒后，第三个以此类推），最后一个球膨胀后，重复此过程。 我真的很难获得一个体面的结果。 谢谢你的帮助