Skip to main content
se añadieron 97 caracteres en el cuerpo
Origen Enlace
Rubén
  • 11.5k
  • 7
  • 41
  • 85

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

  1. Eliminar el segundo var x =
  2. 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

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.

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

  1. Eliminar el segundo var x =
  2. 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>

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

  1. Eliminar el segundo var x =
  2. 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

Publicación recuperada por Rubén
se añadieron 496 caracteres en el cuerpo
Origen Enlace
Rubén
  • 11.5k
  • 7
  • 41
  • 85

Cambiando las segunda declaraciónComo 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 por. Para que funcione el código la segunda declaración no se requiere.

Otro problema es que estás usando el valor del iterador yindex tucomo 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 ya funciona:de la pregunta podrían ser

  1. Eliminar el segundo var x =
  2. Cambiar += index por += Math.max(1,index)

var cntr1 = 1;
var x = [300, 200, 400];
for (let index = 0;1; index <<= x.length; index++) {
  var y = setInterval(function() {
    document.getElementById("time" + index).innerHTML = x[index] += index;Math.max(1,index);
  }, 1);
}
<div id="time0"></div>
<div id="time1"></div>
<div id="time2"></div>

Cambiando las segunda declaración de x por y tu código ya funciona:

var cntr1 = 1;
var x = [300, 200, 400];
for (let index = 0; index < x.length; index++) {
  var y = setInterval(function() {
    document.getElementById("time" + index).innerHTML = x[index] += index;
  }, 1);
}
<div id="time0"></div>
<div id="time1"></div>
<div id="time2"></div>

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.

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

  1. Eliminar el segundo var x =
  2. 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>

Publicación eliminada por Rubén
Origen Enlace
Rubén
  • 11.5k
  • 7
  • 41
  • 85

Cambiando las segunda declaración de x por y tu código ya funciona:

var cntr1 = 1;
var x = [300, 200, 400];
for (let index = 0; index < x.length; index++) {
  var y = setInterval(function() {
    document.getElementById("time" + index).innerHTML = x[index] += index;
  }, 1);
}
<div id="time0"></div>
<div id="time1"></div>
<div id="time2"></div>