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个球将连续扩展（所以第一个球在300ms之后，第二个球在300ms之后，第三个球等等）并且当最后一个球扩展时，重复该过程。我真的很难得到一个体面的结果。 谢谢你的帮助