>  기사  >  웹 프론트엔드  >  자바스크립트에서 일시정지 기능을 구현하는 방법

자바스크립트에서 일시정지 기능을 구현하는 방법

PHPz
PHPz원래의
2016-05-16 15:33:302964검색

이 글에서는 주로 javascript에서 일시정지 기능을 구현하는 방법을 소개합니다. 동시에 vbscript는 doEvents를 사용할 수 없기 때문에 이 기능을 필요로 하는 친구들이 구현할 수 있도록 작성했습니다. 자세한 내용은 다음과 같습니다.

Javascript 자체에는 Pause 기능이 없으며(sleep을 사용할 수 없음) vbscript는 doEvents를 사용할 수 없으므로 이 기능을 구현하기 위해 이 함수를 작성합니다.

자바스크립트는 약한 객체 언어이고, 함수도 객체로 사용할 수 있습니다.

예:

  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 비디오 튜토리얼을 방문하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.