청각 개 훈련 도구 – setTimeout ()

• 할 수있다 6, 2024

이전 기사에서는 개가 건강한 경고를 할 수 있도록 훈련하기 위해 작은 JavaScript 프로그램을 반복적으로 개발하기 시작했습니다. 지금까지 여기에서 볼 수있는 프로그램에는 알람 설정 버튼이 포함되어 있는데,이 버튼을 누르면 알람이 해제되었다는 경고가 표시됩니다 (가청 알람은 아직 구성되지 않았음에도 불구하고). 실제로 "알람 설정"버튼을 누르는 것과 알람이 꺼질 때까지의 대기 시간을 설정합니다.

JavaScript와 DOM (Document Object Model)에는 이벤트가 발생할 때까지 기다리는 이벤트 핸들러가 많이 있습니다 (예 : onClick, onMouseOver, ...); 그러나이 경우, 우리는 일정 시간이 지나기를 기다립니다. DOM 은이를 수행하는 방법을 제공합니다. setTimeout (). setTimeout () 두 개의 인수, 코드 조각 또는 실행할 함수와 밀리 초 단위의 대기 시간이 필요합니다. set_timeout () JavaScript, JScript 또는 VBScript (JavaScript가 아닌 DOM의 일부 임)를 사용하여 스크립팅 언어를 지정하는 세 번째 옵션 (선택 사항)을 사용할 수도 있습니다.

새 코드는 다음과 같습니다.


함수 do_alarm () {
// 초 단위의 대기 시간 결정
wait_secs = 52; // 지금은 정의 해주세요
// 알람이 울릴 때까지 기다립니다
setTimeout (sound_alarm (), (wait_secs * 1000))
}


이것은 잘 작동하지만 시간이 다 될 때까지 버튼을 누른 후에는 아무것도 바뀌지 않기 때문에 말하기가 어렵습니다. 그러나 DOM은 우리에게도 도움이 될 수 있습니다. 시작 부분에 다음 두 줄을 추가했습니다. do_alarm () 함수:


// 알람을 설정된 것으로 표시
document.getElementById ( "alarm_button"). disabled = true
document.getElementById ( "alarm_button"). value = "알람 세트"


알람을 "Alarm Set"이라고 설정하기 위해 누른 버튼을 변경하고 비활성화합니다. 알람을 다시 사용하려면 버튼을 원래 상태로 다시 변경해야합니다. 나는 이것을 sound_alarm () 함수에 추가했다. 모든 코드를보고 여기에서 실제 예제를 시험해 볼 수 있습니다.

비디오 지침: Delicious – Emily’s Miracle of Life: The Movie (Subtitles) (할 수있다 2024).