setInterVal () 메소드는 clearInterVal ()가 호출되거나 창이 닫히기 전까지는 함수를 지속적으로 호출합니다. setInterval ()에 의해 리턴 된 ID 값은 clearInterVal () 메소드의 매개 변수로 사용할 수 있습니다.
setInterval () 사용
SetInterval (Code, Millisec [, "Lang"])
다음 두 매개 변수 코드는 JS 코드입니다. Millisec은 시간 간격이며 밀리 초로 측정됩니다.
코드 사본은 다음과 같습니다.
<body>
<div id = "content"style = "위치 : 상대; 높이 : 1000px; 너비 : 1000px; 배경색 :#666;">
<div id = "one"style = "위치 : 절대; 상단 : 0px; 왼쪽 : 0px; 높이 : 100px; 너비 : 100px; 배경색 : 빨간색;"> </div>
</div>
<cript>
var one = document.getElementById ( 'one')
var x = 0;
var y = 0;
var xs = 10;
var ys = 10;
함수 스크롤 () {
x+= xs;
y+= ys;
if (x> = document.getElementById ( 'content'). offsetWidth-one.OffSetWidth-20 || x <= 0)
{
xs = -1*xs;
}
if (y> = document.getElementById ( 'content'). offSetheight-one.offSetheight-20 || y <= 0)
{
ys = -1*ys;
}
one.style.left = x;
one.style.top = y;
}
dt = setInterval (스크롤, 100);
one.onmouseover = function () {
ClearInterval (DT);
};
one.onmouseout = function () {
dt = setInterval (스크롤, 100);
};
</스크립트>
</body>
다음은 간단한 예입니다.
예 1
코드 사본은 다음과 같습니다.
function show () {TRACE ( "매번 표시하겠습니다");}
var sh; sh = setInterval (show, 1000);
ClearInterval (sh);
예 2
코드 사본은 다음과 같습니다.
<양식>
<입력 유형 = "text"id = "clock"size = "35" />
<스크립트 언어 = javaScript>
var int = self.setinterval ( "clock ()", 50)
함수 clock () {var t = 새 날짜 ()
document.getElementById ( "clock"). value = t
}
</스크립트>
</form>
<div id = "clock"> </div>
<버튼 onclick = "int = window.clearInterval (int)"> 중지 간격 </button>