首页 >web前端 >js教程 >javascript暂停功能如何实现

javascript暂停功能如何实现

王林
王林原创
2021-10-26 15:49:394080浏览

实现javascript暂停功能的方法:【function sleep(obj,iMinSecond){ if (window.eventList==null) window.eventList=new Array(); var ...】。

javascript暂停功能如何实现

本文操作环境: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视频教程

以上是javascript暂停功能如何实现的详细内容。更多信息请关注PHP中文网其他相关文章!

声明:
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn