JavaScriptで一時停止機能を実装する方法

この記事では、JavaScript で一時停止関数を実装する方法を主に紹介します。同時に、vbscript には一時停止関数がありません。そのため、この関数は、必要な場合にこの関数を実装するために書かれています。詳細は以下を参照してください。

JavaScript 自体には一時停止機能がなく (スリープは使用できません)、vbscript は doEvents を使用できないため、この関数はこの機能を実装するために記述されています。

JavaScript は弱いオブジェクト言語であり、関数もオブジェクトとして使用できます。

例:

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

次のように呼び出すことができます var myTest=new Test();myTest.NextStep();

一時停止する場合、関数を 2 つの部分に分割できます。一時停止操作前のコードは変更されず、一時停止後に実行されるコードは this.NextStep に配置されます。

一時停止と継続を制御するには、一時停止と継続の関数をそれぞれ実装する 2 つの関数を作成する必要があります。

一時停止機能は次のとおりです:

<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 ビデオ チュートリアル をご覧ください。