javascript如何实现暂停功能
作者:bea
本文实例讲述了JS实现的自定义网页拖动类。分享给大家供大家参考,具体如下: Javascript本身没有暂停功能(sleep不能使用)同时 vbscript也不能使用doEvents,故编写此函数实现此功能。 javascript作为弱对象语言,一个函数也可以作为一个对象使用。 比如: function Test(){ alert("hellow"); this.NextStep=function(){ alert("NextStep");
本文实例讲述了JS实现的自定义网页拖动类。分享给大家供大家参考,具体如下:
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程序设计有所帮助。
猜你喜欢
您可能感兴趣的文章:
- fastclick插件导致日期(input[type="date"])控件无法被触发该如何解决
- JavaScript实现同时调用多个函数的方法
- javascript实现的登陆遮罩效果汇总
- jquery实现简易的移动端验证表单
- jquery UI Datepicker时间控件的使用方法(终结版)
- jquery UI Datepicker时间控件的使用方法(加强版)
- jquery UI Datepicker时间控件的使用方法(基础版)
- jquery验证邮箱格式并显示提交按钮
- jquery判断当前浏览器的实现代码
- jQuery插件开发精品教程(让你的jQuery更上一个台阶)
- js识别uc浏览器的代码
- 详解javascript数组去重问题
- 基于JavaScript实现仿京东图片轮播效果
- 实现非常简单的js双向数据绑定
- 浅析javascript中的事件代理
- 详解javascript中的事件处理
- jQuery插件实现静态HTML验证码校验
- jQuery Real Person验证码插件防止表单自动提交
- jQuery实现非常实用漂亮的select下拉菜单选择效果