如何实现JavaScript中的暂停功能？

本文共计549个文字，预计阅读时间需要3分钟。

实现JavaScript暂停功能的简单方法：使用`setTimeout`函数。

javascriptfunction sleep(obj, iMinSecond) { if (window.eventList===null) window.eventList=new Array(); var timer=setTimeout(function() { obj.disabled=false; if (window.eventList.length > 0) { for (var i=0; i

实现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视频教程