欢迎各位兄弟 发布技术文章

这里的技术是共享的

You are here

js下的 sleep 实现

function slee p(d){
  for(var t = Date.now();Date.now() - t <= d;);
}
 
slee p(5000); //当前方法暂停5秒


  function slee p(n) {

    var start = new Date().getTime();

    while(true)  if(new Date().getTime()-start > n) break;

    }

来自 http://www.cnblogs.com/huhuuu/p/4330208.html


js中不存在自带的slee p方法,要想休眠要自己定义个方法,需要的朋友可以参考下
 

js中不存在自带的slee p方法,要想休眠要自己定义个方法

1
2
3
4
5
6
7
8
9
function slee p(numberMillis) {
var now = new Date();
var exitTime = now.getTime() + numberMillis;
while (true) {
now = new Date();
if (now.getTime() > exitTime)
return;
}
}

以下是补充:

除了Narrative JS,jwacs(Javascript With Advanced Continuation Support) 也致力于通过扩展JavaScript语法来避免编写让人头痛的异步调用的回调函数。用jwacs 实现的slee p,代码是这样:

 

复制代码代码如下:

function slee p(msec) {
    var k = function_continuation;
    setTimeout(function() { resume k <- mesc; }, msec);
    suspend;
}

 

这个语法更吓人了,而且还是java里不被推荐使用的线程方法名。坦白说我倾向于 Narrative JS。

同Narrative JS一样,jwacs也需要预编译,预编译器是用 LISP 语言编写。目前也是 Alpha 的版本。两者的更多介绍和比较可以参阅 SitePoint 上的新文章: Eliminating async Javascript callbacks by preprocessing

编写复杂的JavaScript脚本时,有时会有需求希望脚本能停滞指定的一段时间,类似于 java 中的 Thread.slee p 或者 sh 脚本中的 slee p 命令所实现的效果。

众所周知,JavaScript 并没有提供类似于 Java 的线程控制的功能, 虽然有 setTimeout 和 setInterval 两个方法可以做一些定时执行控制,但并不能满足所有的要求。一直以来,都有很多人问如何在JavaScript中实现 slee p/pause/wait ,也确实有些很蹩脚的解决方案:
 

最简单也最糟糕的方法就是写一个循环,代码可能如下:

 

复制代码代码如下:

function slee p(numberMillis) {
    var now = new Date();
    var exitTime = now.getTime() + numberMillis;
    while (true) {
        now = new Date();
        if (now.getTime() > exitTime)
            return;
    }
}

 

如上的代码其实并没有让脚本解释器slee p下来,而且有让CPU迅速上到高负荷的附作用。浏览器甚至会在该段时间内处于假死状态。
 

 

除上之外,还有利用Applet或者调用Windows Script Host的WScript.slee p()等等鬼点子,这些都是万不得已的权宜之计。


 

 


终于有了更聪明的人,开发出了也许是最佳的方案,先看代码:

 

复制代码代码如下:

function slee p(millis) {
    var notifier = NjsRuntime.createNotifier();
    setTimeout(notifier, millis);
    notifier.wait->();
}

 

 

没错,看到 ->() 这样的语法,就象刚看到Prototype的 $() 函数一样让我惊为天人。不过直接在浏览器中这段脚本是会报告语法错误的。实际上它们需要经过预编译成客户端浏览器认可的JavaScript。编译后的脚本如下:

 

复制代码代码如下:
 

我看不懂,也不想去看懂了。这些工作全部会由 Narrative JavaScript ———— 一个提供异步阻塞功能的JS扩展帮我们实现。我们只需要编写之前那个怪异的 ->() 语法, 然后通过后台预先静态编译或者前台动态编译后执行就可以实现 slee p 的效果。 
Narrative JavaScript 宣称可以让你从头昏眼花的回调函数中解脱出来,编写清晰的Long Running Tasks。目前还是 alpha 的版本,在 Example 页面上有一个移动的按钮的范例。首页上也提供了源码下载。以我薄弱的基础知识,我只能勉强的看出代码中模拟了状态机的实现,希望有精通算法的朋友能为我们解析。 
最后,还是我一直以来的观点: 除非很必要,否则请保持JavaScript的简单。在JavaScript 能提供原生的线程支持之前,或许我们可以改变设计以避免异步阻塞的应用。

有bug的曲折实现

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
 

 

 

 


普通分类: