js中自定义方法实现停留几秒sleep
js中不存在自带的sleep方法,要想休眠要自己定义个方法
functionsleep(numberMillis){ varnow=newDate(); varexitTime=now.getTime()+numberMillis; while(true){ now=newDate(); if(now.getTime()>exitTime) return; } }
以下是补充:
除了NarrativeJS,jwacs(JavascriptWithAdvancedContinuationSupport)也致力于通过扩展JavaScript语法来避免编写让人头痛的异步调用的回调函数。用jwacs实现的sleep,代码是这样:
functionsleep(msec){ vark=function_continuation; setTimeout(function(){resumek<-mesc;},msec); suspend; }
这个语法更吓人了,而且还是java里不被推荐使用的线程方法名。坦白说我倾向于NarrativeJS。
同NarrativeJS一样,jwacs也需要预编译,预编译器是用LISP语言编写。目前也是Alpha的版本。两者的更多介绍和比较可以参阅SitePoint上的新文章:EliminatingasyncJavascriptcallbacksbypreprocessing
编写复杂的JavaScript脚本时,有时会有需求希望脚本能停滞指定的一段时间,类似于java中的Thread.sleep或者sh脚本中的sleep命令所实现的效果。
众所周知,JavaScript并没有提供类似于Java的线程控制的功能,虽然有setTimeout和setInterval两个方法可以做一些定时执行控制,但并不能满足所有的要求。一直以来,都有很多人问如何在JavaScript中实现sleep/pause/wait,也确实有些很蹩脚的解决方案:
最简单也最糟糕的方法就是写一个循环,代码可能如下:
functionsleep(numberMillis){ varnow=newDate(); varexitTime=now.getTime()+numberMillis; while(true){ now=newDate(); if(now.getTime()>exitTime) return; } }
如上的代码其实并没有让脚本解释器sleep下来,而且有让CPU迅速上到高负荷的附作用。浏览器甚至会在该段时间内处于假死状态。
其二有聪明人利用IE特殊的对话框实现来曲径通幽,代码可能如下:
functionsleep(timeout){ window.showModalDialog("javascript:document.writeln('<script>window.setTimeout(function(){window.close();},"+timeout+");<\/script>');"); }window.alert("beforesleep..."); sleep(2000); window.alert("aftersleep...");
缺点不用多说,只有IE支持(IE7因为安全限制也而不能达到目的)。
除上之外,还有利用Applet或者调用WindowsScriptHost的WScript.Sleep()等等鬼点子,这些都是万不得已的权宜之计。
终于有了更聪明的人,开发出了也许是最佳的方案,先看代码:
functionsleep(millis){ varnotifier=NjsRuntime.createNotifier(); setTimeout(notifier,millis); notifier.wait->(); }
没错,看到->()这样的语法,就象刚看到Prototype的$()函数一样让我惊为天人。不过直接在浏览器中这段脚本是会报告语法错误的。实际上它们需要经过预编译成客户端浏览器认可的JavaScript。编译后的脚本如下:
functionsleep(millis){ varnjf1=njen(this,arguments,"millis"); nj:while(1){ try{switch(njf1.cp){ case0:njf1._notifier=NjsRuntime.createNotifier(); setTimeout(njf1._notifier,njf1._millis); njf1.cp=1; njf1._notifier.wait(njf1); return; case1:breaknj; }}catch(ex){ if(!njf1.except(ex,1)) return; }} njf1.pf(); }
我看不懂,也不想去看懂了。这些工作全部会由NarrativeJavaScript————一个提供异步阻塞功能的JS扩展帮我们实现。我们只需要编写之前那个怪异的->()语法,然后通过后台预先静态编译或者前台动态编译后执行就可以实现sleep的效果。
NarrativeJavaScript宣称可以让你从头昏眼花的回调函数中解脱出来,编写清晰的LongRunningTasks。目前还是alpha的版本,在Example页面上有一个移动的按钮的范例。首页上也提供了源码下载。以我薄弱的基础知识,我只能勉强的看出代码中模拟了状态机的实现,希望有精通算法的朋友能为我们解析。
最后,还是我一直以来的观点:除非很必要,否则请保持JavaScript的简单。在JavaScript能提供原生的线程支持之前,或许我们可以改变设计以避免异步阻塞的应用。
有bug的曲折实现
<scripttype"text/javascript"> /*Javascript中暂停功能的实现 Javascript本身没有暂停功能(sleep不能使用)同时vbscript也不能使用doEvents,故编写此函数实现此功能。 javascript作为弱对象语言,一个函数也可以作为一个对象使用。 比如: [code] functionTest(){ alert("hellow"); this.NextStep=function(){ alert("NextStep"); } } 我们可以这样调用varmyTest=newTest();myTest.NextStep(); 我们做暂停的时候可以吧一个函数分为两部分,暂停操作前的不变,把要在暂停后执行的代码放在this.NextStep中。 为了控制暂停和继续,我们需要编写两个函数来分别实现暂停和继续功能。 暂停函数如下: */ functionPause(obj,iMinSecond){ if(window.eventList==null)window.eventList=newArray(); varind=-1; for(vari=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+")",1000); } /* 该函数把要暂停的函数放到数组window.eventList里,同时通过setTimeout来调用继续函数。 继续函数如下: */ functionGoOn(ind){ varobj=window.eventList[ind]; window.eventList[ind]=null; if(obj.NextStep)obj.NextStep(); elseobj(); } /* 该函数调用被暂停的函数的NextStep方法,如果没有这个方法则重新调用该函数。 函数编写完毕,我们可以作如下册是: */ functionTest(){ alert("hellow"); Pause(this,1000);//调用暂停函数 this.NextStep=function(){ alert("NextStep"); } } </script>