Yo tengo un array, y quiero que salga cada elemento cada X tiempo, pero no consigo hacerlo, me sale todo el array directamente
var miarray = "Ejemplo";
miarray = Array.from(miarray);
miarray.forEach(element => {
setInterval(function(){ console.log(element);}, 3000);
});
Yo tenia entendido que element = una letra y se va iterando, pero me sale todo directamente, como haria para que vaya de 1 en 1?
Podrías hacer uso del método setTimeout que evalúa la expresión después del tiempo que le especifiques:
Código:
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");
Con tu código, sería el siguiente:
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);
para que te salga cada elemento tiene que Multiplicar al tiempo el indice de trabajo, esto lo resuelve, y utilizar la funcion setTimeout:
var miarray = "Ejemplo";
miarray = Array.from(miarray);
miarray.forEach(function (element, index) {
setTimeout(function(){
console.log(index,element);
}, index * 3000);
});Teóricamente pienso que el foreach encapsula tambien el tiempo y cuando setTimeOut se ejecuta y verifica el tiempo que ha transcurrido en cada iteracion da como resultado que ya paso el tiempo; es por eso que tienes que multiplicarle por el indice.
