Home / Questions / 383466
Accepted
Fernando Iam
Asked: 2020-08-21 10:09:26 +0800 CST 2020-08-21 10:09:26 +0800 CST

print array every given time

  • 772

I have an array, and I want each element to come out every X time, but I can't do it, I get the whole array directly

 var miarray = "Ejemplo";
 miarray = Array.from(miarray);

miarray.forEach(element => {
                setInterval(function(){ console.log(element);}, 3000);
            });

I had understood that element = a letter and it iterates, but everything comes out directly, how would I make it go from 1 to 1?

javascript

2 Answers

  1. You could make use of the setTimeout method which evaluates the expression after the time you specify:

    Code :

    const imprimirLetraCada5Segundos = (palabra) => {
  // Recorremos con un bucle cada una de las letras de la palabra:
  for (let i = 0; i <= palabra.length; i++) {
      setTimeout( () => {
        console.log(palabra[i])
      }, i * 3000)
    }
}
// Llamamos:
imprimirLetraCada5Segundos("Ejemplo");

    With your code, it would be the following:

    const imprimirLetraCada5Segundos = (palabra) => {
  for (let i = 0; i <= palabra.length; i++) {
      setTimeout( () =>{
        console.log(palabra[i])
      }, i * 3000)
    }
}

var miarray = "Ejemplo"
miarray = Array.from(miarray)
imprimirLetraCada5Segundos(miarray);
    • 1
  2. Best Answer

    For each element to come out, you have to Multiply the work index at the same time, this solves it, and use the function setTimeout:

    var miarray = "Ejemplo";
miarray = Array.from(miarray);      
miarray.forEach(function (element, index) {
  setTimeout(function(){
    console.log(index,element);
  }, index * 3000);
});

    Theoretically I think that the foreach also encapsulates the time and when setTimeOut is executed and checks the time that has elapsed in each iteration, the result is that the time has already passed; that's why you have to multiply it by the index.

    • 1