<div id="contenedor" class="container "> Cadena: <input type="text" id="cad"> <button id="procesar" class="btn btn-success">Procesar</button> <p id="resultado"></p> </div> <script src="js/test.js"></script>
document.getElementById('procesar').addEventListener('click', procesar) let palabras let temporizador function procesar () { const cadena = document.getElementById('cad').value palabras = cadena.split(' ') console.log(palabras) // Cada 3 segundos que ponga una palabra en resultado document.getElementById('resultado').innerHTML = '' // pongo un temporizador que llame a otra función clearInterval(temporizador) temporizador = setInterval(ponPalabra, 2000) } function ponPalabra () { const palabra = palabras.shift() document.getElementById('resultado').innerHTML += palabra + ' ' if (palabras.length == 0) { clearInterval(temporizador) } }