자바스크립트 일시정지 기능 구현 방법

자바스크립트 일시정지 기능을 구현하는 방법: [function sleep(obj,iMinSecond){ if (window.eventList==null) window.eventList=new Array()...].

이 기사의 운영 환경: windows10 시스템, javascript 1.8.5, thinkpad t480 컴퓨터.

javascript 자체에는 일시정지 기능이 없고(sleep은 사용할 수 없음), vbscript는 doEvents를 사용할 수 없는 것으로 알고 있어서 일시정지 기능은 제가 직접 작성하려고 합니다.

팁: JavaScript는 약한 객체 언어이며 함수를 객체로 사용할 수도 있습니다.

예:

function Test(){
 alert("hellow");
 this.NextStep=function(){
 alert("NextStep");
 }
}

다음과 같이 호출할 수 있습니다.

var myTest=new Test();myTest.NextStep();

일시 중지할 때 함수를 두 부분으로 나눌 수 있습니다. 일시 중지 작업 전의 함수는 변경되지 않고, 일시 중지 후에 실행되는 코드는 다음과 같습니다. this.NextStep에 배치됩니다.

일시 중지 및 재개를 제어하려면 일시 중지 및 재개 기능을 각각 구현하는 두 가지 함수를 작성해야 합니다.

일시정지 기능은 다음과 같습니다.

<script language="javascript"> 
　　function sleep(obj,iMinSecond){ 
　　 if (window.eventList==null) window.eventList=new Array(); 
　　 var ind=-1; 
　　 for (var i=0;i<window.eventList.length;i++){ 
　　  if (window.eventList[i]==null) { 
　　   window.eventList[i]=obj; 
　　   ind=i; 
　　   break; 
　　  } 
　　 } 
　　 
　　 if (ind==-1){ 
　　  ind=window.eventList.length; 
　　  window.eventList[ind]=obj; 
　　 } 
 
　　 setTimeout("goon(" + ind + ")",iMinSecond); 
　　} 
　　/* 
　　该函数把要暂停的函数放到数组window.eventList里，同时通过setTimeout来调用继续函数。 
　　继续函数如下： 
　　*/ 
 
　　function goon(ind){ 
　　 var obj=window.eventList[ind]; 
　　 window.eventList[ind]=null; 
　　 if (obj.NextStep) obj.NextStep(); 
　　 else obj(); 
　　} 
　　/* 
　　该函数调用被暂停的函数的NextStep方法，如果没有这个方法则重新调用该函数。 
　　 
　　函数编写完毕，我们可以作如下： 
　　*/ 
　　function Test(){ 
　　 alert("hellow"); 
　　 sleep(this,3000);//调用暂停函数 
　　 this.NextStep=function(){ 
　　 alert("NextStep"); 
　　 } 
　　} 
Test(); 
　　</script>

추천 학습: javascript 비디오 튜토리얼

위 내용은 자바스크립트 일시정지 기능 구현 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!