JavaScript 타이머_자바스크립트 스킬에 대한 자세한 설명과 예시-JS 튜토리얼-php.cn

JS에서 지연 설정: SetInterval을 사용하는 것은 지연 함수 setTimeout을 설정하는 것과 매우 유사합니다. setTimeout은 작업을 수행하기 전에 일정 시간 동안 지연하는 데 사용됩니다. setTimeout("function",time)은 시간 초과 개체를 설정합니다. setInterval("function",time)은 시간 초과 개체를 설정합니다. SetInterval은 자동으로 반복되고 setTimeout은 반복되지 않습니다. clearTimeout(object)는 setTimeout 객체를 지웁니다 clearInterval(object)은 setInterval 객체를 지웁니다 타이머를 사용하여 JavaScript의 지연 실행 또는 반복 실행을 구현합니다 window 객체는 효과를 달성하기 위해 두 가지 방법을 제공합니다. 타이머의 경우 각각 window.setTimeout() 및 window.setInterval입니다. 전자는 지정된 시간 후에 코드 조각을 실행할 수 있는 반면, 후자는 지정된 시간마다 한 번씩 코드 조각을 실행하도록 할 수 있습니다. 프로토타입은 다음과 같습니다. window.setTimeout(expression,milliseconds); window.setInterval(expression,milliseconds); 그 중 표현식은 따옴표로 묶인 코드 조각일 수 있습니다. 함수 이름이 될 수 있으며 시스템은 지정된 시간에 자동으로 함수를 호출합니다. 함수 이름을 호출 핸들로 사용하는 경우 문자열을 사용할 때 매개 변수를 작성할 수 있습니다. 두 메서드의 두 번째 매개 변수는 밀리초이며, 이는 지연 또는 반복 실행에 대한 밀리초 수를 나타냅니다. 아래 두 가지 방법을 소개합니다. 1． window.setTimeout 메소드 이 메소드는 함수 실행을 지연시킬 수 있습니다. 예:

코드 복사 코드는 다음과 같습니다. 다음은 다음과 같습니다. function hello(){ alert(" hello"); } window.setTimeout(hello,5000); //--> 이 코드는 5초 동안 페이지가 열립니다. 몇 초 후에 "hello" 대화 상자가 표시됩니다. 마지막 문장은 다음과 같이 쓸 수도 있습니다: 코드 복사 코드는 다음과 같습니다: window.setTimeout( "hello()",5000); 이 속성은 window.setInterval 메서드에도 있습니다. 지연 기간에 도달하기 전에 지연된 실행을 취소하는 경우 타이머를 나타내는 ID를 받는 window.clearTimeout(timeoutId) 메서드를 사용할 수 있습니다. 이 ID는 setTimeout 메소드에 의해 반환됩니다. 예: 코드 복사 코드는 다음과 같습니다. &lt ;script 언어="JavaScript" type="text/javascript"> function hello(){ Alert("hello"); var id=window.setTimeout(hello,5000); document.onclick=function(){ window.clearTimeout(id) //-> 🎜>

이렇게 표시를 취소하려면 페이지의 아무 부분이나 클릭하기만 하면 window.clearTimeout 메서드가 실행됩니다. 시간 초과 작업이 취소됩니다. 2． window.setInterval 메소드 정해진 시간마다 함수가 호출되도록 하는 메소드로 매우 일반적인 메소드입니다. ClearTimeout 메서드와 유사하게 예약된 실행을 취소하려면 window.clearInterval 메서드를 호출하면 됩니다. ClearInterval 메소드는 setInterval 메소드에서 반환한 값도 매개변수로 받습니다. 예:

코드 복사 코드는 다음과 같습니다. //다음과 같은 호출을 정의합니다. 반복적으로 실행됩니다 var id=window.setInterval("somefunction",10000); //예약된 실행 취소 window.clearInterval(id)

위 코드 예약된 실행을 취소하는 방법을 설명하는 데에만 사용됩니다. 실제로 setInterval 메소드는 여러 경우에 사용되어야 합니다. 아래에서는 setInterval 함수의 사용을 소개하기 위해 스톱워치를 디자인할 것입니다. 스톱워치에는 시간을 표시하기 위한 두 개의 버튼과 텍스트 상자가 포함됩니다. 시작 버튼을 클릭하면 타이밍이 시작되며 최소 단위는 0.01초입니다. 버튼을 다시 클릭하면 타이밍이 중지되고 텍스트 상자에 경과 시간이 표시됩니다. 또 다른 버튼은 현재 시간을 0으로 재설정하는 데 사용됩니다. 구현 코드는 다음과 같습니다.

코드 복사 코드는 다음과 같습니다. 새 문서 //양식 필드 가져오기 var txt=document.forms[0].elements["txt1"]; var btnStart= document .forms[0].elements["btnStart"]; var btnReset=document.forms[0].elements["btnReset"] //타이머 ID 정의 var id; //10밀리초마다 값이 1씩 증가합니다. var Seed=0; btnStart.onclick=function(){ //버튼 텍스트를 기준으로 현재 작업을 판단합니다 if (this.value= ="시작"){ ~ 점프 가능 >} //재설정 버튼 btnReset.onclick=function(){ seed=0; } //스톱워치를 한 프레임 점프시키세요 functiontip(){ 시드 txt.value=seed/100; //->

7.4.3 타이머 호출 매개변수 window.setTimeout이든 window.setInterval이든 함수 이름을 호출 핸들로 사용할 때는 매개변수를 취할 수 없는 경우가 많기 때문에 해결 방법을 찾아야 합니다. 그것. 예를 들어 hello(_name) 함수의 경우 사용자 이름에 대한 환영 메시지를 표시하는 데 사용됩니다.

코드 복사

코드는 다음과 같습니다.

var username = "jack" // 사용자 이름에 따라 환영 정보 표시 Function Hello (_name) { Alert (" Hello," _Name); }

현재 다음 명령문을 사용하여 hello 함수의 실행을 3초 동안 지연시키는 것은 불가능합니다.

코드 복사 코드는 다음과 같습니다. window.setTimeout(hello(userName),3000); 이렇게 하면 hello 함수가 즉시 실행되고 값이 반환됩니다. 호출 핸들이 setTimeout 함수에 전달되므로 결과는 프로그램에 필요한 결과가 아닙니다. 문자열 형식을 사용하면 원하는 결과를 얻을 수 있습니다.

코드 복사

코드는 다음과 같습니다. window.setTimeout("hello(userName)",3000); 여기의 문자열은 userName이 변수를 나타내는 JavaScript 코드의 일부입니다. 하지만 이러한 작성 방식은 충분히 직관적이지 않으며 경우에 따라 함수 이름을 사용해야 합니다. 다음은 매개변수를 사용하여 함수를 호출하는 약간의 요령입니다.

코드 복사

코드는 다음과 같습니다. var userName="jack" //사용자 기준 표시 name 환영 메시지 function hello(_name){ Alert("hello," _name) } //매개변수 없는 함수를 반환하는 함수 만들기 function _hello(_name ;

여기에는 매개변수를 받고 매개변수 없이 함수를 반환하는 데 사용되는 _hello 함수가 이 함수 내에서 사용됩니다. 따라서 매개변수를 사용하지 않고 호출합니다. window.setTimeout 함수에서 _hello(userName)를 사용하여 매개변수 없이 함수 핸들을 반환함으로써 매개변수 전달 함수를 구현합니다. window 객체에는 setTimeout과 setInteval이라는 두 가지 주요 타이밍 방법이 있습니다. 구문은 기본적으로 동일하지만 완성된 함수는 다릅니다. setTimeout 메소드는 타이밍 프로그램, 즉 특정 시간 이후에 무엇을 해야 하는지를 알려주는 프로그램입니다. 작업이 끝나면 아래로 당겨주세요. setInterval 메소드는 특정 간격으로 반복적으로 작업을 수행하는 것을 의미합니다. JS에서 지연 설정: SetInterval을 사용하는 것은 지연 함수 setTimeout을 설정하는 것과 매우 유사합니다. setTimeout은 작업을 수행하기 전에 일정 시간 동안 지연하는 데 사용됩니다. setTimeout("function",time)은 시간 초과 개체를 설정합니다. setInterval("function",time)은 시간 초과 개체를 설정합니다. SetInterval은 자동으로 반복되고 setTimeout은 반복되지 않습니다. clearTimeout(object)는 setTimeout 객체를 지웁니다 clearInterval(object)은 setInterval 객체를 지웁니다 setTimeout을 사용하여 setInerval 함수를 구현하는 경우 실행 프로그램에서 정기적으로 자신을 호출해야 합니다. 카운터를 지우려면 사용된 방법에 따라 다른 지우기 방법을 호출해야 합니다. 예:

코드 복사

코드는 다음과 같습니다. tttt=setTimeout('northsnow()',1000) clearTimeout(tttt) 또는 :

코드 복사

코드는 다음과 같습니다. tttt=setInterval('northsnow() ',1000); clearInteval(tttt) ; 예를 들어보세요:

코드 복사

코드는 다음과 같습니다. script 언어="javascript"> var intvalue=1; var 타이머2=null; function startShow() { liujincai.innerHTML=liujincai.innerHTML " "(intvalue) .toString(); 타이머2=window.setTimeout("startShow ()",2000) } function stop() { window.clearTimeout(timer2); > }

또는:

코드 복사 다음과 같습니다: var intvalue=1; var 타이머2=null; function startShow() { liujincai .innerHTML=liujincai.innerHTML " " (intvalue ).toString(); } function stop() { window.clearInterval(timer2) }