JS实现程序暂停与继续功能代码解读

 更新时间:2013年10月10日 16:37:38   作者:  
程序暂停与继续的实现方法有很多,在本文为大家介绍下js中是如果做到的,并对具体的功能代码进行注释说明,感兴趣的朋友不要错过
下面代码用JS实现了程序的暂停与继续
复制代码 代码如下:

<script type="text/javascript">
/*Javascript中暂停功能的实现
Javascript本身没有暂停功能(sleep不能使用)同时 vbscript也不能使用doEvents,故编写此函数实现此功能。
javascript作为弱对象语言,一个函数也可以作为一个对象使用。
比如:
function Test(){
alert("hellow");
this.NextStep=function(){
alert("NextStep");
}
}
我们可以这样调用 var myTest=new Test();myTest.NextStep();


我们做暂停的时候可以吧一个函数分为两部分,暂停操作前的不变,把要在暂停后执行的代码放在this.NextStep中。
为了控制暂停和继续,我们需要编写两个函数来分别实现暂停和继续功能。
暂停函数如下:
*/
function Pause(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");
Pause(this,3000);//调用暂停函数


this.NextStep=function(){
alert("NextStep");
}
}
</script>

相关文章

  • 扩展IE中一些不兼容的方法如contains、startWith等等

    扩展IE中一些不兼容的方法如contains、startWith等等

    扩展IE中一些不兼容的方法如contains方法、startWith方法等等,下面是具体的实现代码,喜欢的朋友可以参考下
    2014-01-01
  • 检测一个函数是否是JavaScript原生函数的小技巧

    检测一个函数是否是JavaScript原生函数的小技巧

    这篇文章主要介绍了检测一个函数是否是JavaScript原生函数的小技巧,本文给出了两种检测方法,需要的朋友可以参考下
    2015-03-03
  • Node.js API详解之 zlib模块用法分析

    Node.js API详解之 zlib模块用法分析

    这篇文章主要介绍了Node.js API详解之 zlib模块用法,结合实例形式分析了Node.js API中zlib模块基本功能、函数使用方法与操作注意事项,需要的朋友可以参考下
    2020-05-05
  • 谈谈JavaScript自定义回调函数

    谈谈JavaScript自定义回调函数

    使用Jquery的时候发现它里面的很多方法都提供回调函数,接下来通过本篇文章给大家介绍js自定义回调函数,需要的朋友参考下
    2015-10-10
  • MutationObserver监视对DOM 树所做更改的功能妙用

    MutationObserver监视对DOM 树所做更改的功能妙用

    这篇文章主要为大家介绍了MutationObserver监视对DOM 树所做更改的功能妙用详解,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2023-03-03
  • JS实现的文字与图片定时切换效果代码

    JS实现的文字与图片定时切换效果代码

    这篇文章主要介绍了JS实现的文字与图片定时切换效果代码,可实现定时切换及鼠标点击切换两种效果,涉及JavaScript鼠标事件控制页面样式的相关技巧,需要的朋友可以参考下
    2015-10-10
  • javascript中cookie对象用法实例分析

    javascript中cookie对象用法实例分析

    这篇文章主要介绍了javascript中cookie对象用法,实例分析了javascript针对cookie对象的写入、读取及删除等操作的使用方法,非常具有实用价值,需要的朋友可以参考下
    2015-01-01
  • javascript 中select框触发事件过程的分析

    javascript 中select框触发事件过程的分析

    这篇文章主要介绍了javascript 中select框触发事件过程的分析的相关资料,这里对select 触发过程进行了深入分析,帮助大家理解这部分内容,需要的朋友可以参考下
    2017-08-08
  • js实现的捐赠管理完整实例

    js实现的捐赠管理完整实例

    这篇文章主要介绍了js实现的捐赠管理完整实例,包括了html页面、js脚本及css样式的完整实现代码,具有一定参考借鉴价值,需要的朋友可以参考下
    2015-01-01
  • js数字转换为float,取N位小数

    js数字转换为float,取N位小数

    在javascript中不分单精度float和双精度double,凡事有小数的变量都认为是float,因此要取小数后的n位,要用方法toFixed(n)来得到
    2014-02-02

最新评论