Como se mencionó en la respuesta previa, un problema del código, de hecho podríamos decir que es el problema principal, es que el código está sobre escribiendo la variable x
. Para que funcione el código la segunda declaración no se requiere en este caso en el sentido de asignar el id del proceso que devuelve setInterval
a una variable pues en el código de la pregunta no se usa.
Otro problema es que estás usando el valor del iterador index
como el incremento a realizarse en cada intervalo siendo que el valor inicial de este es 0.
Los cambios mínimos a realizar en el código de la pregunta podrían ser
- Eliminar el segundo
var x =
- Cambiar
+= index
por+= Math.max(1,index)
var cntr1 = 1;
var x = [300, 200, 400];
for (let index = 1; index <= x.length; index++) {
setInterval(function() {
document.getElementById("time" + index).innerHTML = x[index] += Math.max(1,index);
}, 1);
}
<div id="time0"></div>
<div id="time1"></div>
<div id="time2"></div>
Referencias