js에서 setInterval 및 setTimeout 사용 예-JS 튜토리얼-php.cn

js에서 setInterval 및 setTimeout 사용 예

高洛峰

풀어 주다： 2017-02-08 16:10:15

원래의

1007명이 탐색했습니다.

setInterval() 정의 및 사용법

setInterval() 메서드는 지정된 기간(밀리초)에 함수나 표현식을 실행합니다. 이 메서드는 함수가 clearInterval()을 사용하여 명시적으로 중지되거나 창이 닫힐 때까지 함수 호출을 반복합니다. ClearInterval() 함수의 매개변수는 setInterval()이 반환한 ID 값입니다.

구문

setInterval(code,millisec[,"lang"])
코드가 필요합니다. 호출할 함수 또는 실행할 코드 문자열입니다.
밀리초는 필수입니다. 주기적 실행 또는 코드 호출 사이의 시간 간격(밀리초)입니다.

반환값

주기적인 코드 실행을 취소하기 위해 Window.clearInterval()에 전달할 수 있는 값입니다.

사용 예:

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

<html>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<body>
<input type="text" id="clock" size="35" />
<script language=javascript>
var int=setInterval("clock()",50);
function clock(){
 var t=new Date();
 document.getElementById("clock").value=t;
}
</script>
</form>
<button onclick="window.clearInterval(int)">
停止 interval 事件</button>
</body>
</html>

로그인 후 복사

setTimeout() 정의 및 사용법

setTimeout() 메서드는 지정된 밀리초 후에 함수를 호출하거나 표현식을 계산하는 데 사용됩니다. setInterval() 메서드는 한 번만 실행됩니다.

구문

setTimeout(code,millisec)
코드가 필요합니다. 호출할 함수 다음에 실행될 JavaScript 코드 문자열입니다.
밀리초가 필요합니다. 코드를 실행하기 전에 기다려야 하는 시간(밀리초)입니다.

팁:
(1) setTimeout()은 코드를 한 번만 실행합니다. 그러나 여러 번 호출해야 하는 경우 setInterval()을 사용하는 것 외에도 실행된 코드 자체에서 setTimeout() 메서드를 다시 호출하여 다중 실행 목적을 달성하도록 할 수도 있습니다.
(2) 또한 setTimeout() 메서드는 ID 값을 반환하여 ClearInterval() 메서드 사용을 용이하게 하여 setTimeout() 메서드 사용을 취소할 수도 있습니다.

사용 예:

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

<html>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<head>
<script type="text/javascript">
function timedMsg(){
 var t=setTimeout("alert(&#39;3 秒时间到!&#39;)",3000);
}
function timedMsgAways(){
 alert(&#39;3 秒时间到!&#39;);
 var t=setTimeout("timedMsgAways()",3000);
}
</script>
</head>
<body>
<form>
<input type="button" value="3 秒后警告" onClick="timedMsg()"><br />
<input type="button" value="循环 3 秒警告" onClick="timedMsgAways()">
</form>
</body>
</html>

로그인 후 복사

이 두 가지 방법에 대해 일정한 시간 간격마다 정확한 동작을 수행해야 하는 경우에는 setInterval을 사용하는 것이 가장 좋으며, 연속적인 동작으로 인해 상호 간섭을 일으키고 싶지 않은 경우에는 주의해야 합니다. 특히 매 호출 이 함수 호출은 많은 계산과 긴 처리 시간을 요구하므로 setTimeout을 사용하는 것이 가장 좋습니다.

js의 setInterval 및 setTimeout 사용 예와 관련된 더 많은 기사를 보려면 PHP 중국어 웹사이트를 주목하세요!