javascript暂停功能如何实现

103 阅读 0 评论 68 点赞

我是靠谱客的博主无奈歌曲，最近开发中收集的这篇文章主要介绍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暂停功能如何实现的详细内容，更多请关注靠谱客其它相关文章！