JavaScript에는 두 가지 유형의 타이머가 있습니다. 1. 지정된 시간(밀리초 단위) 후에 코드 블록을 실행할 수 있는 setTimeout() 메서드를 사용하여 정의된 단일 타이머 2. setInterval() 메서드 정의를 사용하는 루프 타이머; 특정 주기(밀리초)에 따라 특정 코드를 반복적으로 실행합니다.
이 튜토리얼의 운영 환경: Windows 7 시스템, JavaScript 버전 1.8.5, Dell G3 컴퓨터.
JavaScript에서는 타이머를 사용하여 특정 코드의 실행을 지연시키거나 특정 코드를 고정된 간격으로 반복적으로 실행할 수 있습니다. 예를 들어, 타이머를 사용하여 페이지의 광고를 정기적으로 업데이트하거나 실시간 시계 등을 표시할 수 있습니다.
JavaScript는 두 가지 타이머를 제공합니다: setTimeout() 및 setInterval()
Method | Description |
---|---|
setTimeout() | 지정된 시간(단위: 밀리초) 후에 특정 코드를 실행하면 해당 코드만 실행됩니다. 한 번 실행 |
setInterval() | 특정 기간(밀리초 단위)에 따라 특정 코드를 반복적으로 실행합니다. 브라우저를 수동으로 중지하거나 종료하기 위해 cleanInterval() 함수를 호출하지 않는 한 타이머는 자동으로 중지되지 않습니다. window |
setTimeout()
JS setTimeout() 함수는 지정된 시간 이후에 특정 코드를 실행하는 데 사용됩니다.
사용 방법:
setTimeout(code,millisec)
코드가 필요합니다. 호출할 함수 다음에 실행될 JavaScript 코드 문자열입니다.
밀리초가 필요합니다. 코드를 실행하기 전에 기다려야 하는 시간(밀리초)입니다.
예:
<html> <head> <meta charset="utf-8" /> </head> <body> <button id="button" onclick="click1()">获取验证码</button> <span id="span"></span> <script> var time = 10; var num; var button = document.getElementById("button"); var span = document.getElementById("span"); function click1() { //click是关键字,所有函数名改为click1 if (time == 0) { button.disabled = false; time = 10; span.innerHTML = ""; clearTimeout(num); } else { button.disabled=true; span.innerHTML = time + "秒后重新获得返回值"; time--; num = setTimeout("click1()",1000); } } </script> </body> </html>
setInterval()
JS setInterval() 함수는 반복적으로 실행될 수 있는 타이머를 정의할 수 있습니다. 각 실행은 지정된 시간 간격 동안 기다려야 합니다.
사용 방법:
setInterval(code,millisec[,"lang"])
코드가 필요합니다. 호출할 함수 또는 실행할 코드 문자열입니다.
밀리섹은 필수입니다. 주기적 실행 또는 코드 호출 사이의 시간 간격(밀리초)입니다.
예:
<html> <head> <meta charset="utf-8" /> </head> <body> <button id="button" onclick="set()">获取验证码</button> <span id="span"></span> <script> var time = 10; var num; var button = document.getElementById("button"); var span = document.getElementById("span"); function set() { num = setInterval("click()", 1000); button.disabled = true; } function click() { if (time == 0) { button.disabled = false; time = 10; span.innerHTML = ""; clearInterval(num); } else { span.innerHTML = time + "秒后重新获得返回值" time--; } } </script> </body> </html>
[추천 학습: javascript 고급 튜토리얼]
위 내용은 자바스크립트의 타이머란 무엇인가요?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!