Herramienta de entrenamiento de Hearing Dog - setTimeout ()

• Abril 25, 2024

En un artículo anterior, comencé el desarrollo iterativo de un pequeño programa JavaScript para ayudar a entrenar a un perro a hacer alertas de sonido. Hasta ahora, el programa, que puede ver aquí, incluye un botón de alarma establecido que, cuando se presiona, muestra una alerta indicando que la alarma se ha activado (aunque la alarma sonora aún no está configurada). Como siguiente paso, en realidad van a configurar la espera entre presionar el botón "configurar alarma" y la alarma, tal como está, se apaga.

JavaScript y el Modelo de objetos de documento (DOM) tienen un montón de controladores de eventos para esperar a que ocurra algo (es decir, al hacer clic, el ratón por encima, ...); sin embargo, en este caso, queremos esperar a que pase una cantidad de tiempo, el DOM también proporciona un método para hacerlo setTimeout (). setTimeout () requiere dos argumentos, un fragmento de código o una función para ejecutarse y el tiempo de espera en milisegundos antes de ejecutarlo. set_timeout () También puede tomar una tercera opción opcional que designa el lenguaje de script utilizado: JavaScript, JScript o VBScript (esto es parte del DOM, no JavaScript, recuerde).

Nuestro nuevo código tiene el siguiente aspecto:


función do_alarm () {
// determina el tiempo de espera en segundos
wait_secs = 52; // por ahora, solo defínalo
// espere a que se levante y suene la alarma
setTimeout (sound_alarm (), (wait_secs * 1000))
}


Esto funciona muy bien, pero es difícil saberlo, porque nada cambia después de presionar el botón hasta que se acabe el tiempo. Sin embargo, el DOM también puede ayudarnos con esto. Agregué las siguientes 2 líneas al comienzo del do_alarm () función:


// marca la alarma como configurada
document.getElementById ("alarm_button"). disabled = true
document.getElementById ("alarm_button"). value = "Conjunto de alarma"


Esto cambia el botón que presionamos para configurar la alarma para que diga "Configuración de alarma" y la desactiva. Si queremos volver a usar la alarma, tendremos que cambiar el botón a su estado original. Agregué esto a la función sound_alarm (). Puede ver todo el código y probar un ejemplo de trabajo aquí.

Instrucciones De Vídeo: Your Complete Puppy Training Schedule By Age (Abril 2024).