> 웹 프론트엔드 > JS 튜토리얼 > 포커스를 받을 때 js 타이머를 사용하여 action_javascript 스킬을 실행할 시간을 설정합니다.

포커스를 받을 때 js 타이머를 사용하여 action_javascript 스킬을 실행할 시간을 설정합니다.

WBOY
풀어 주다: 2016-05-16 18:30:25
원래의
1549명이 탐색했습니다.
본론으로 들어가 먼저 타이머에 대해 이야기해 보겠습니다.
자바스크립트에는 다음과 같은 두 가지 특수 타이머 기능이 있습니다.
1. 카운트다운 타이머: timename=setTimeout("function();",delaytime)
2. 루프 타이머: timename =setInterval("function();",delaytime);
첫 번째 매개변수 "function()"은 타이머가 트리거될 때 수행되는 작업입니다. 함수일 수도 있고 여러 함수를 ";"로 구분할 수도 있습니다. ". 예를 들어 두 개의 경고 창을 표시하려면 "function();"을
"alert('첫 번째 경고 창!'); Alert('두 번째 경고 창!');"; 두 번째 매개변수 "delaytime"은 밀리초 단위의 간격 시간입니다. 즉, "5000"을 채우면 5초를 의미합니다.
카운트다운 타이머는 지정된 시간이 지나면 이벤트를 트리거하는 반면, 루프 타이머는 간격이 도래하면 이벤트를 반복적으로 트리거합니다. 둘의 차이점은 전자는 한 번만 작동하고 후자는 지속적으로 작동한다는 것입니다.
예를 들어, 페이지를 열고 몇 초마다 자동으로 다른 페이지로 이동하려면 카운트다운 타이머 "setTimeout("function();",delaytime)"을 사용해야 합니다. 한 번에 한 단어씩 나타나도록 문장을 설정하려면
루프 타이머 "setInterval("function();",delaytime)"을 사용해야 합니다.

폼의 포커스를 얻기 위해 document.activeElement.id가 사용됩니다. document.activeElement.id와 양식 ID가 동일한지 확인하려면 if를 사용하세요.
예: if ("mid" == document.activeElement.id) {alert();}, "mid"는 양식에 해당하는 ID입니다.

두 가지 예를 들어보겠습니다.
예제 1. 폼이 트리거되거나 로드되면 문자열을 출력합니다.
코드 복사 코드는 다음과 같습니다. 다음과 같습니다:


title>제목 없는 문서
🎜>





< ;br/>




예제 3. 다음은 가장 간단한 예입니다. 타이머 시간에 도달했습니다.



코드 복사

코드는 다음과 같습니다.





< div id="m">


;/html>

관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
최신 이슈
인기 추천
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿