JavaScript 타이머에 대한 자세한 설명

자바스크립트에는 타이머 전용 함수가 두 개 있습니다.

1. 카운트다운 타이머: timename=setTimeout("function();",delaytime);

2. 루프 타이머: timename=setInterval("function();",delaytime)

Function()은 타이머가 트리거될 때 실행되는 이벤트 함수일 수도 있습니다. 함수 또는 JavaScript 문을 사용하세요. 지연 시간은 밀리초 단위의 간격입니다.

카운트다운 타이머는 지정된 시간 후에 이벤트를 트리거하는 반면, 루프 타이머는 간격이 도래할 때 이벤트를 반복적으로 트리거하는 반면, 후자는 지속적으로 작동한다는 점이 다릅니다.

카운트다운 타이머는 일반적으로 페이지를 한 번만 실행해야 하는 경우에 사용됩니다. 예를 들어 버튼을 클릭하면 일정 시간이 지나면 페이지가 해당 사이트로 이동하는 경우에도 사용할 수 있습니다. 시청자가 귀하인지 확인하기 위해 사이트의 "일반 고객"이 아닌 경우 5~10초 내에 해당 사이트로 이동한 다음 어딘가에 있는 특정 버튼을 눌러 빠르게 입장할 수 있다고 알려줍니다. 그는 미래에 다시 돌아옵니다.

루프 타이머는 일반적으로 JavaScript 스크롤 막대나 상태 표시줄과 같이 사이트에서 반복적으로 실행되어야 하는 효과에 사용됩니다. 또한 페이지의 배경을 그림으로 표현하는 데에도 사용할 수 있습니다. 날아다니는 눈. 이러한 이벤트는 간격을 두고 실행되어야 합니다.

때로는 추가된 일부 타이머를 제거하고 싶을 때도 있습니다. 이 경우에는clearTimeout(timename)을 사용하여 카운트다운 타이머를 끄고,clearInterval(timename)을 사용하여 루프 타이머를 끌 수 있습니다.

예 1:

예 2:
<Script><script 언어="JavaScript" type="text/javascript"></p> <p><br>var sec = 0;<br> timerID = setInterval("count()",1000);</p> <p>function count() {<br> num.innerHTML = sec++;<br>}</p> <p></Script>

체류 시간:
0초

예 3: