欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  web前端

javascript暂停功能如何实现

程序员文章站 2022-03-10 10:09:54
...

实现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暂停功能如何实现的详细内容,更多请关注其它相关文章!

相关标签: javascript 暂停