JavaScript_javascript 기술의 setInterval 사용법 요약

setInterval 액션은 애니메이션 재생 시 특정 간격으로 함수, 메소드 또는 객체를 호출하는 데 사용됩니다. 이 작업을 사용하여 데이터베이스에서 변수를 업데이트하거나 시간 표시를 업데이트할 수 있습니다.

setInterval 작업의 구문 형식은 다음과 같습니다.
setInterval(function,interval[,arg1,arg2,...argn])
setInterval(object, 방법 이름, 간격[,arg1,arg2,...argn])

첫 번째 형식은 표준 작업 패널의 setInterval 함수에 대한 기본 구문이고, 두 번째 형식은 전문가 모드 작업에서 사용되는 방법입니다.

매개변수 함수는 함수 이름이거나 익명 함수에 대한 참조입니다. object 매개변수는 Object 개체에서 파생된 개체를 지정합니다. methodName은 객체 매개변수에서 호출될 메소드를 지정합니다.

interval은 함수 또는 methodName에 대한 두 호출 사이의 시간을 밀리초 단위로 지정합니다. 다음 arg1 등은 함수 또는 methodName에 전달되는 매개변수를 지정하는 데 사용되는 선택적 매개변수입니다.

setInterval 설정한 시간 간격이 애니메이션 프레임 속도(예: 초당 10프레임, 100밀리초와 동일)보다 작으면 해당 간격에 최대한 가까운 시간 간격으로 함수가 호출됩니다.

그리고 화면이 충분한 빈도로 새로 고쳐지도록 하려면 updateAfterEvent 작업을 사용해야 합니다. 간격이 애니메이션 프레임 속도보다 큰 경우 각 화면 새로 고침의 영향을 줄이기 위해 재생 헤드가 특정 프레임에 들어갈 때마다 호출됩니다.

다음 예시에서는 1초마다 익명 함수를 호출합니다.
setInterval(function(){trace("1초마다 표시합니다.")},1000);//여기서 function(){}은 함수 이름이 없는 함수입니다. 익명 함수가 되면 다음 1000은 시간 간격이며 단위는 밀리초입니다.

다음 예에서는 매개변수를 사용하여 실행하는 방법을 보여줍니다.

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

function show1(){
추적 ("1초마다 표시됨");
}
function show2(str){
Trace(str);
}
setInterval(show1,1000);
setInterval( show2, 2000,"2초마다 표시합니다");

위에서 함수의 setInterval 메소드를 소개했습니다.

아래에서는 객체의 setInterval 메소드를 소개하겠습니다.

먼저 액션에서 객체의 setInterval 메소드를 호출하는 예제를 작성합니다. 이 예제에서는 매개변수 전달이 필요하지 않습니다.

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

myobj=new Object();// 새 객체 생성
myobj.interval=function){
Trace("1초마다 표시");
}//객체 생성 방법.
setInterval(myobj,"interval",1000);//객체의 메소드를 호출하는 시간 간격을 설정합니다.

다음으로 매개변수 전달 방법을 소개하겠습니다. 사실 원리는 함수의 매개변수 전달과 같습니다.

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

myobj=new Object();
myobj.interval-function(str){
Trace(str);
}
setInterval(myobj,"interval",2000,"2초마다 표시합니다.");

주목하세요. 개체에 대해 정의된 메서드를 호출하려면 전문가 모드에서 두 번째 구문 형식을 사용해야 합니다.

이 경우에는 시간을 동적으로 표시하는 화면을 만들어 보겠습니다. 이는 다음 코드를 사용하여 달성할 수 있습니다.

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

setInterval(show,1000);
함수 표시(){
time=new Date();
hour=time.getHours();
minu=time.getMinutes();
sec=time.get.Seconds() ;
datetime=hour ":" minu ":" sec;
}//여기서 datetime은 동적 텍스트 상자의 변수 이름입니다.

이렇게 보면 다들 setInterval 메소드를 잘 배웠을 텐데요. 이제 ClearInterval을 배워보겠습니다.

clearInterval 액션의 역할은 setInterval 함수에 대한 호출을 지우는 것입니다. 구문 형식은 다음과 같습니다.clearInterval(intervalid);intervalid는 setInterval 함수를 호출한 후 반환되는 개체입니다.

다음은 간단한 예입니다.

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

function show(){
추적 ("매초마다 한 번씩 표시됨");
}
var sh;
sh=setInterval(show,1000);
clearInterval(sh);