Инструмент для дрессировки слуха - setTimeout ()

• April 19, 2024

В предыдущей статье я начал итеративную разработку небольшой программы на JavaScript, чтобы помочь обучить собаку делать звуковые оповещения. До сих пор программа, которую вы можете просмотреть здесь, включает в себя кнопку установки будильника, которая при нажатии выдает оповещение о том, что будильник сработал (хотя звуковой будильник еще не настроен). В качестве следующего шага мы собираемся фактически установить время ожидания между нажатием кнопки «установить будильник» и отключением будильника, как он есть.

JavaScript и объектная модель документа (DOM) имеют несколько обработчиков событий, которые ждут, когда что-то случится (т.е. по щелчку, при наведении мыши, ...); однако в этом случае мы хотим подождать некоторое время, DOM также предоставляет метод для этого SetTimeout (). SetTimeout () требуется два аргумента: кусок кода или функция для запуска и время ожидания в миллисекундах перед его запуском. set_timeout () также можно использовать необязательный третий параметр, обозначающий используемый язык сценариев - JavaScript, JScript или VBScript (помните, что это часть DOM, а не JavaScript).

Наш новый код выглядит следующим образом:


function do_alarm () {
// определить время ожидания в секундах
wait_secs = 52; // пока просто определим
// ждать, пока будет время и звуковая сигнализация
setTimeout (sound_alarm (), (wait_secs * 1000))
}


Это прекрасно работает, но трудно сказать, потому что ничего не меняется после нажатия кнопки до истечения времени. Однако DOM может помочь нам и в этом. Я добавил следующие 2 строки в начало do_alarm () функция:


// пометить будильник как установленный
document.getElementById ( "alarm_button"). отключено = верно
document.getElementById ("alarm_button"). value = "Alarm Set"


Это меняет кнопку, которую мы нажали, чтобы установить будильник, чтобы сказать «Alarm Set», и отключает его. Если мы хотим снова использовать будильник, нам придется вернуть кнопку в исходное состояние. Я добавил это в функцию sound_alarm (). Вы можете просмотреть весь код и попробовать рабочий пример здесь.

Видео инструкция: Играю HIROMI UEHARA или МОЕ ЯПОНСКОЕ СУМАСШЕСТВИЕ В КОРЕЕ (архив 2009). (April 2024).