>  기사  >  웹 프론트엔드  >  JavaScript 타이머_자바스크립트 스킬에 대한 자세한 설명과 예시

JavaScript 타이머_자바스크립트 스킬에 대한 자세한 설명과 예시

WBOY
WBOY원래의
2016-05-16 17:27:311079검색

JS에서 지연 설정:
SetInterval을 사용하는 것은 지연 함수 setTimeout을 설정하는 것과 매우 유사합니다. setTimeout은 작업을 수행하기 전에 일정 시간 동안 지연하는 데 사용됩니다.
setTimeout("function",time)은 시간 초과 개체를 설정합니다.
setInterval("function",time)은 시간 초과 개체를 설정합니다.
SetInterval은 자동으로 반복되고 setTimeout은 반복되지 않습니다.
clearTimeout(object)는 setTimeout 객체를 지웁니다
clearInterval(object)은 setInterval 객체를 지웁니다
타이머를 사용하여 JavaScript의 지연 실행 또는 반복 실행을 구현합니다
window 객체는 효과를 달성하기 위해 두 가지 방법을 제공합니다. 타이머의 경우 각각 window.setTimeout() 및 window.setInterval입니다. 전자는 지정된 시간 후에 코드 조각을 실행할 수 있는 반면, 후자는 지정된 시간마다 한 번씩 코드 조각을 실행하도록 할 수 있습니다. 프로토타입은 다음과 같습니다.
window.setTimeout(expression,milliseconds);
window.setInterval(expression,milliseconds);
그 중 표현식은 따옴표로 묶인 코드 조각일 수 있습니다. 함수 이름이 될 수 있으며 시스템은 지정된 시간에 자동으로 함수를 호출합니다. 함수 이름을 호출 핸들로 사용하는 경우 문자열을 사용할 때 매개 변수를 작성할 수 있습니다. 두 메서드의 두 번째 매개 변수는 밀리초이며, 이는 지연 또는 반복 실행에 대한 밀리초 수를 나타냅니다. 아래 두 가지 방법을 소개합니다.
1. window.setTimeout 메소드
이 메소드는 함수 실행을 지연시킬 수 있습니다. 예:

코드 복사 코드는 다음과 같습니다. 다음은 다음과 같습니다.



이 코드는 5초 동안 페이지가 열립니다. 몇 초 후에 "hello" 대화 상자가 표시됩니다. 마지막 문장은 다음과 같이 쓸 수도 있습니다:
코드 복사 코드는 다음과 같습니다:

window.setTimeout( "hello()",5000);

이 속성은 window.setInterval 메서드에도 있습니다.
지연 기간에 도달하기 전에 지연된 실행을 취소하는 경우 타이머를 나타내는 ID를 받는 window.clearTimeout(timeoutId) 메서드를 사용할 수 있습니다. 이 ID는 setTimeout 메소드에 의해 반환됩니다. 예:
코드 복사 코드는 다음과 같습니다.

< ;script 언어="JavaScript" type="text/javascript">