자바스크립트에서 간격과 지연을 구현하는 방법은 무엇입니까?-JS 튜토리얼-php.cn

자바스크립트에서 간격과 지연을 구현하는 방법은 무엇입니까?

青灯夜游

풀어 주다： 2023-01-06 11:17:53

원래의

3994명이 탐색했습니다.

JavaScript에서는 타이머 setInterval() 메서드를 사용하여 간격 및 지연 효과를 얻을 수 있습니다. 이 메서드는 지정된 기간(밀리초 단위)에 따라 주기적으로 함수를 호출하거나 표현식을 계산하는 데 사용됩니다. 호출해야 하는 코드 문자열 또는 함수', 밀리초)'입니다.

자바스크립트에서 간격과 지연을 구현하는 방법은 무엇입니까?

이 튜토리얼의 운영 환경: Windows 7 시스템, JavaScript 버전 1.8.5, Dell G3 컴퓨터.

자바스크립트에서는 타이머 setInterval() 메서드를 사용하여 간격 및 지연 효과를 얻을 수 있습니다.

예: 3초(3000밀리초) 지연 후 "Hello" 팝업이 뜹니다.

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
</head>
<body>

<p>点击按钮，3 秒后会弹出 "Hello"。</p>
<button onclick="myFunction()">点我</button>

<script>
function myFunction() {
    setTimeout(function(){ alert("Hello"); }, 3000);
}
</script>

</body>
</html>

로그인 후 복사

설명:

setInterval() 메서드는 지정된 기간(밀리초 단위)에 따라 함수를 호출하거나 표현식을 계산할 수 있습니다. ).

setInterval() 메서드는 clearInterval()이 호출되거나 창이 닫힐 때까지 함수를 계속 호출합니다. setInterval()에서 반환된 ID 값은clearInterval() 메서드에 대한 인수로 사용될 수 있습니다.

Syntax

setInterval(code,millisec[,"lang"])

로그인 후 복사

Parameters	Description
code	필수입니다. 호출할 함수 또는 실행할 코드 문자열입니다.
millisec	필수입니다. 주기적 실행 또는 코드 호출 사이의 시간 간격(밀리초)입니다.

반환값: Window.clearInterval()에 전달하여 주기적 코드 실행을 취소할 수 있는 값입니다.

예:

<!DOCTYPE html>
<html>
<body>
<div id="clock"></div>
<script language=javascript>
var int=
self.setInterval("clock()",50)

function clock()
  {
  var t=new Date()
  document.getElementById("clock").innerHTML=t
  }
</script>
</form>

</body>
</html>

로그인 후 복사

렌더링:

자바스크립트에서 간격과 지연을 구현하는 방법은 무엇입니까?