es porque el setInterval,, Funciona como un stop de codigo,, pasa un tiempo y se ejecuta el resto de codigo siguiente,, la mejor opcione es hacer un ciclo , con el For, Do-while, o while para realizar iteraciones
Mejor toma este codigo como ejemplo del funcionamiento de setInterval
<!DOCTYPE html>
<html>
<body>
<p>Click "Try it". Wait 3 seconds, and the page will alert "Hello".</p>
<button onclick="setTimeout(myFunction, 3000);">Try it</button>
<script>
function myFunction() {
alert('Hello');
setTimeout(myFunction2, 3000);
}
function myFunction2() {
alert('Hello2');
}
</script>
</body>
</html>
Ejemplo del de un ciclo de iteracion
<body>
<h1>JavaScript while</h1>
<p id="demo"></p>
<script>
var text = "";
var i = 10;
while (i> 0) {
text += "<br>The number is " + i;
i=i-2;
}
document.getElementById("demo").innerHTML = text;
</script>
</body>
setInterval
dos veces?