Etiqueta: setinterval

Ejemplo temporizador

<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)
  }
}