1. JavaScript 타이머는 무엇입니까?
JavaScript에서는 함수가 호출 된 직후에 설정된 간격 후에 코드를 실행할 수 있습니다.
2. 타이머 유형
일회성 타이머 : 지정된 지연 시간 후 한 번만 트리거되었습니다.
간격 트리거 타이머 : 특정 시간 간격마다 한 번 트리거합니다
3. 타이머 방법
1) : 일회성 타이머
a) : settimeout () : 지정된 지연 시간 후 코드를 실행하고 한 번 실행하십시오.
구문 : settimeout (코드, 지연 시간);
매개 변수 설명 :
1. 호출 할 함수 또는 실행될 코드 문자열.
2. 지연 시간 : 코드를 실행하기 전에 대기 시간, 밀리 초 (1s = 1000ms).
b) : cleartimeout () : settimeout () 취소
구문 : 클리어 타임 아웃 (타이머)
매개 변수 설명 :
타이머 : settimeout ()에 의해 반환 된 ID 값. 이 값은 지연된 실행 코드 블록을 취소 할 것을 식별합니다.
settimeout () 및 cleartimeout () 지연 메소드를 호출합니다.
코드 사본은 다음과 같습니다.
<! doctype html>
<html>
<헤드>
<meta charset = "utf-8">
<title> JavaScript 타이머 </title>
<입력 유형 = "버튼"value = "start"id = "btnstart"onclick = "startPrint ()">
<입력 유형 = "버튼"value = "pause"id = "btnstop"onclick = "stopprint ()">
<br>
</head>
<body>
<script type = "text/javaScript">
// 인쇄 방법을 정의합니다
함수 print ()
{{
Console.log ( "인쇄!");
}
var 타이머; //이 값은 지연된 실행 코드 블록을 식별합니다.
// 인쇄를 시작합니다
함수 startPrint ()
{{
TIMER = settimeout (print, 1000); // 타이머를 호출하고 인쇄 지연 1 초, 한 번만 실행하십시오.
}
// 인쇄 종료
함수 stopprint ()
{{
클리어 타임 아웃 (타이머); // 타이머를 취소합니다
}
</스크립트>
</body>
</html>
settimeout () 및 cleartimeout () infinite 루프 메소드를 호출하십시오.
코드 사본은 다음과 같습니다.
<! doctype html>
<html>
<헤드>
<meta charset = "utf-8">
<title> JavaScript 타이머 </title>
<입력 유형 = "버튼"value = "start"id = "btnstart"onclick = "startPrint ()">
<입력 유형 = "버튼"value = "pause"id = "btnstop"onclick = "stopprint ()">
<br>
</head>
<body>
<script type = "text/javaScript">
// 인쇄 방법을 정의합니다
함수 print ()
{{
Console.log ( "인쇄!");
TIMER = settimeout (print, 1000); // 타이머를 시작하고 자신을 호출하고 무한 루프를 수행하십시오
}
var 타이머; //이 값은 지연된 실행을 취소하기위한 코드 블록을 나타냅니다.
// 인쇄를 시작합니다
함수 startPrint ()
{{
print (); // 인쇄 방법을 호출합니다
}
// 인쇄 종료
함수 stopprint ()
{{
클리어 타임 아웃 (타이머); // 타이머를 취소합니다
}
</스크립트>
</body>
</html>
2) : 간격 트리거 타이머
a) : setInterVal () : 실행시, 페이지가로드 된 후 지정된 시간마다 코드가 실행됩니다.
구문 : SetInterVal (코드, 상호 작용 시간);
매개 변수 설명 :
1. 코드 : 호출 할 함수 또는 실행될 코드 문자열.
2. 상호 작용 시간 : 밀리 초 (1s = 1000ms)로 측정 된 주기적 실행 또는 호출 표현식 사이의 시간 간격.
반품 값 :
"코드"의 주기적 실행을 취소하기 위해 ClearinterVal ()로 전달 될 수있는 값.
호출 함수 형식 (clock () 함수가 있다고 가정) :
setInterval ( "clock ()", 1000) 또는 setInterval (clock, 1000)
b) : clearinterval () 메소드는 setinterval ()에 의해 설정된 상호 작용 시간을 취소합니다.
구문 : ClearinterVal (타이머)
매개 변수 설명 :
타이머 : setInterval ()에 의해 반환 된 ID 값.
간격 실행 메소드 인스턴스를 실행하려면 setInterVal () 및 clearInterVal ()을 호출
코드 사본은 다음과 같습니다.
<! doctype html>
<html>
<헤드>
<meta charset = "utf-8">
<title> JavaScript 타이머 </title>
<입력 유형 = "버튼"value = "start"id = "btnstart"onclick = "startPrint ()">
<입력 유형 = "버튼"value = "pause"id = "btnstop"onclick = "stopprint ()">
<br>
</head>
<body>
<script type = "text/javaScript">
// 인쇄 방법을 정의합니다
함수 print ()
{{
Console.log ( "인쇄!");
}
var 타이머; //이 값은 취소 할 타이머 실행 코드 블록을 식별합니다.
// 인쇄를 시작합니다
함수 startPrint ()
{{
TIMER = setInterVal ( "print ()", 1000); // 시작 타이머
}
// 인쇄 종료
함수 stopprint ()
{{
ClearInterval (타이머); // 타이머를 취소합니다
}
</스크립트>
</body>
</html>
위는이 기사에 설명 된 모든 내용입니다. 나는 당신이 그것을 좋아할 수 있기를 바랍니다.