Estoy tratando de hacer una alarma en JS donde obtengo el valor de una entrada y lo multiplico por 1000 para obtener el valor de ms y setTimeout una función que cambia un elemento de párrafo para convertirse en Time Up, el tiempo en setTimeout es el valor de la entrada x 1000 (porque milisegundos) Algo así:
function domChanger() { document.getElementById("paragraph").innerHTML = "Time Up"; } function time(alert) { alert = document.getElementById("input") alert.value *= 1000; setTimeout(domChanger(), alert.value) }en lugar de hacer lo esperado por mí (hacer la función después de que haya pasado el tiempo establecido por alert.value * 1000) instantáneamente genera Time Up. ¿Estoy malinterpretando algo? porque busqué en Google durante 1 hora y no pude encontrar nada aparte de setTimeout y setInterval.
el problema es
setTimeout(domChanger(), alert.value) donde domChanger() se ejecuta inmediatamente
necesitas pasar la referencia de la función
setTimeout(domChanger, alert.value)manifestación
function domChanger() { document.getElementById("paragraph").innerHTML = "Time Up"; } function time() { var alert = document.getElementById("input") alert.value *= 1000; setTimeout(domChanger, alert.value) } <p id="paragraph"></p> <input id="input" type="number" step="1" min="1" value="2"> <button type="button" onclick="time()">time</button>No es necesario pasar el tiempo como parámetro. Solo haz el siguiente código.
HTML
<p id="paragraph"></p> <input type="number" id="input"> <button onclick="time()">Lauch domChanger</button> <script src="./index.js"></script>JS
function domChanger() { document.getElementById("paragraph").innerHTML = "Time Up"; } function time() { alert = document.getElementById("input"); alert.value *= 1000; setTimeout(domChanger, alert.value);; }