JavaScript에서 setTimeout을 사용하는 방법
- 不言원래의
- 2018-12-14 17:08:476221검색
setTimeout은 일정 시간이 지나면 특정 프로세스를 반복하지 않고 수행할 수 있습니다. 이번 글에서는 setTimeout 타이머를 사용하는 방법을 살펴보겠습니다.
JavaScript에는 setInterval과 setTimeout이라는 두 가지 유형의 타이밍 프로세서가 있다는 것을 알고 있습니다. 이전 기사에서 우리는 setInterval 타이머를 소개했습니다. 아래 기사에서는 JavaScript 사용 방법을 살펴보겠습니다. 의 setTimeout 타이머입니다.
setTimeout()은 지정된 밀리초 후에 함수를 호출하거나 표현식을 계산하는 데 사용되는 window에 속하는 메소드입니다.
기본 구문은 다음과 같습니다
setTimeout（function函数,固定的时间[,参数1,参数2,参数3,.......]）
setTimeout
우선 간단한 코드를 살펴보겠습니다
<!DOCTYPE html>
<html lang = "ja">
<head>
<meta charset = "utf-8">
<title>JavaScript</title>
</head>
<body>
<script>
var count = 0;
var countup = function(){
console.log(count++);
}
</script>
</body>
</html>count 변수를 0을 기준으로 하나씩 준비합니다. one 개수가 추가(count++)된 후 console.log를 사용하여 출력됩니다. 그리고 이 일련의 처리를 countupp의 변수에 넣습니다.
이 변수 countup count를 1000밀리초 후에 호출하려면 setTimeout()을 추가해야 합니다.
코드는 다음과 같습니다
<script>
var count = 0;
var countup = function(){
console.log(count++);
}
setTimeout(countup, 1000);
</script>setTimeout은 한 번만 호출되므로 0을 출력하고 1000밀리초 후에 완료됩니다.
setTimeout()을 사용하여 setInterval()처럼 반복하고 계산하는 방법은 무엇입니까?
반복 함수에 setTimeout, 즉 {}를 작성하고 countup()으로 호출할 수 있습니다. ;
코드는 다음과 같습니다
<script>
var count = 0;
var countup = function(){
console.log(count++);
setTimeout(countup, 1000);
}
countup();</script>이렇게 하면 처리가 완료되면 해당 지점부터 다시 동일한 프로세스를 반복합니다. 1000밀리초.
작업 효과는 다음과 같습니다. setInterval과 유사한 동작을 처리합니다.
계산을 중지하려면 clearTimeout을 사용해야 합니다.
코드는 다음과 같습니다
var id = setTimeoutl（countup，1000）;
clearTimeout을 사용하여 이 ID를 지정하면 언제든지 setTimeout 처리를 중지할 수 있습니다(분명히 처리가 중지됩니다)
<script>
var count = 0;
var countup = function(){
console.log(count++);
var id = setTimeout(countup, 1000);
if(count > 5){
clearTimeout(id);
}
}
countup();
</script>위 프로그램에서 setTimeout의 카운트가 실행되고 카운트업이 5보다 커지면((count>5)인 경우)clearTimeout을 실행합니다.
그래서 최대 5까지 셀 수 있습니다.
마지막으로 setInterval로 계산하는 것과 setTimeout으로 계산하는 것의 차이점을 간단히 살펴보겠습니다.
setInterval을 사용한 반복 처리의 경우: 시작점부터 일정 시간 후에 동일한 처리를 반복합니다. 처리
setTimeout 반복 시: 처리 종료 시점부터 일정 시간이 경과한 후 동일한 처리를 반복합니다.
따라서 동일한 1000밀리초 이후에 시간을 지정하더라도 다음 프로세스를 시작하는 데 필요한 시간이 변경됩니다.
또한 프로세스가 간격보다 오래 걸리면 동작에 결함이 있습니다. 처리와 처리 사이에 약간의 여유가 있는지 확인하려면 setTimeout을 사용할 수 있습니다.
위 내용은 JavaScript에서 setTimeout을 사용하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!