Javascripp에서 시간 이벤트를 사용하는 것은 다음과 같습니다.
settimeout ()
특정 시간에 코드를 실행하십시오
클리어 타임 아웃 ()
settimeout () 취소
settimeout ()
문법
다음과 같이 코드 코드를 복사하십시오.
var t = settimeout ( "JavaScript 문", 밀리 초)
settimeout () 메소드는 특정 값을 반환합니다. 위의 진술에서 값은 T라는 변수에 저장됩니다. 이 settimeout ()을 취소하려면이 변수 이름을 사용하여 지정할 수 있습니다.
settimeout ()의 첫 번째 매개 변수는 JavaScript 문을 포함하는 문자열입니다. 이 진술은 "Alert ( '5 초!') 또는 alertmsg ()와 같은 함수의 호출과 같을 수 있습니다.
두 번째 매개 변수는 현재 밀리 초가 시작된 후 첫 번째 매개 변수를 나타냅니다.
팁 : 1000 밀리 초은 1 초입니다.
다음 예제의 버튼을 클릭하면 프롬프트 상자가 5 초 안에 나타납니다.
다음과 같이 코드 코드를 복사하십시오.
<html>
<헤드>
<script type = "text/javaScript">
function timedmsg ()
{{
var t = settimeout ( "Alert ( '5 초!')", 5000)
}
</스크립트>
</head>
<body>
<양식>
<input type = "button"value = "display time alertbox!"
</form>
</body>
</html>
예- 무한 사이클
무한 루프에서 실행되는 타이머를 만들려면 스스로 호출 할 함수를 작성해야합니다. 다음 예에서는 버튼을 클릭하면 입력 도메인이 0에서 계산됩니다.
다음과 같이 코드 코드를 복사하십시오.
<html>
<헤드>
<script type = "text/javaScript">
var c = 0
var t
함수 timedCount ()
{{
getElementById ( 'txt')
C = C+1
t = settimeout ( "timedCount ()", 1000)
}
</스크립트>
</head>
<body>
<양식>
<input type = "button"value = "start count!"
<입력 유형 = "text"id = "txt">
</form>
</body>
</html>
클리어 타임 아웃 ()
문법
다음과 같이 코드 코드를 복사하십시오.
Cleartimeout (settimeout_variable)
사례
아래의 예는 위의 무한 루프의 예와 유사합니다. 유일한 차이점은 이제이 카운터를 중지하기 위해 "정지 카운트!"
다음과 같이 코드 코드를 복사하십시오.
<html>
<헤드>
<script type = "text/javaScript">
var c = 0
var t
함수 timedCount ()
{{
getElementById ( 'txt')
C = C+1
t = settimeout ( "timedCount ()", 1000)
}
함수 stopCount ()
{{
클리어 타임 아웃 (T)
}
</스크립트>
</head>
<body>
<양식>
<input type = "button"value = "start count!"
<입력 유형 = "text"id = "txt">
<입력 유형 = "버튼"value = "stop count!"
</form>
</body>
</html>
다른 두 가지 중요한 방법 :
다음과 같이 코드 코드를 복사하십시오.
setInterval ()
setInterval () -atcified 시간 간격
함수는 다음과 같습니다. 사이클은 지정된 간격 시간 내에 메소드를 실행합니다.
문법:
다음과 같이 코드 코드를 복사하십시오.
window.setInterVal ( "JavaScript 함수", 밀리 초);
참고 : 첫 번째 매개 변수는 함수 여야하고 두 번째 매개 변수는 실행 함수의 간격 시간입니다.
예:
다음과 같이 코드 코드를 복사하십시오.
<html>
<script type = "text/javaScript">
setInterval (function () {alert ( "hello")}, 500);
</스크립트>
</html>
참고 : 위의 예, 실행 효과는 500ms마다 경고 ( "Hello")임을 의미합니다.
하나 더 시계 :
다음과 같이 코드 코드를 복사하십시오.
<html>
<body>
<p id = "데모"> </p>
<script type = "text/javaScript">
setInterVal (function () {myTimer ()}, 1000);
함수 mytimer () {
var d = 새로운 날짜 ();
var t = d.tolocaletimestring ();
getElementById ( '데모').
}
</스크립트>
</body>
</html>
중지 방법, setInterVal () 메소드 ??
다음과 같이 코드 코드를 복사하십시오.
Window.ClearInterval ()
문법:
다음과 같이 코드 코드를 복사하십시오.
Window.ClearInterval (IntervalVariable)
다음과 같이 코드 코드를 복사하십시오.
Window.ClearInterVal () 메소드는 창 접두사로 작성할 수 있습니다.
ClearInterVal () 메소드를 사용하려면 간격 방법을 만들 때 글로벌 변수를 사용해야합니다.
myvar = setInterVal ( "JavaScript 함수", 밀리 초);
그런 다음 ClearInterval () 메소드를 호출하여 실행을 중지 할 수 있습니다.
예:
다음과 같이 코드 코드를 복사하십시오.
<html>
<body>
<p id = "데모"> </p>
<p id = "demo2"onclight = "stop ()"> stop </p>
<script type = "text/javaScript">
var test = setInterVal (function () {myTimer ()}, 1000);
함수 mytimer () {
var d = 새로운 날짜 ();
var t = d.tolocaletimestring ();
getElementById ( '데모').
}
함수 정지 () {
<html>
<body>
<p id = "데모"> </p>
<p id = "demo2"onclight = "stop ()"> stop </p>
<script type = "text/javaScript">
var test = setInterVal (function () {myTimer ()}, 1000);
함수 mytimer () {
var d = 새로운 날짜 ();
var t = d.tolocaletimestring ();
getElementById ( '데모').
}
함수 정지 () {
ClearInterval (온도);
}
</스크립트>
</body>
</html>
}
</스크립트>
</body>
</html>