JavaScript一般如何设置时序？

[leohxj]

比如我想依次执行，除了setTimeout，还有什么方式。

[Archangel_SDY]

https://github.com/caolan/async

[DRcoding]

setiIetrval~http://www.cnblogs.com/qiantuwuliang/archive/2009/06/20/1507304.html

[slixurd]

全部用回调?

[tangzx]

icedcoffeescript

[zhangxiao]

想省事，直接用async。想学习，自己写个简单的async，原理不难

[zhangxiao]

另外你这个用setTimeout的方法。。不一定能保证依次执行吧。万一其中一个环节执行时间超长

[ijse]

为什么不喜欢setTimeout?

[ijse]

@zhangxiao 为什么不一定保证依次执行？

[heroicYang]

@zhangxiao setTimeout是最能保证依次执行的，而setInterval才不是~

[dorentus]

看你对『依次执行』的要求是什么了。

假如是要『先执行步骤 A，10s 后执行步骤 B，再 5s 后执行步骤 C』这种，那么 setTimeout 就可以胜任：

A();
setTimeout(B, 10000);
setTimeout(C, 15000);

如果是要『A 执行完毕再执行 B，然后 B 执行完毕再执行 C』，那么就稍微麻烦些，不过用上面大家提到的 async 实现起来应该会简单些。

PS: window.setInterval 和 window.setTimeout 的唯一区别就是重复执行和只执行一次而已。

[loading]

别忘了js响应事件高于一切和单线程本质，你的语句有时会被drop的。不知async会不会发生。

[heroicYang]

@dorentus 不仅仅是重复执行和只执行一次的区别...

@loading setTimeout就不会drop掉耗时久的任务，setInterval才会~

[dorentus]

@heroicYang Mozilla 和 whatwg 的文档里面都没看到有提到这点么……愿闻其详。

[leohxj]

@dorentus 假如是要『先执行步骤 A，10s 后执行步骤 B，再 5s 后执行步骤 C』这种，除了setTimeout。还有什么优雅一点的方式吗

[dorentus]

@leohxj 你可以基于它实现自己的优雅的 API 或者队列系统，例如类似 jQuery 的这个：http://api.jquery.com/delay/

[zhangxiao]

@heroicYang 呃。。没理解你的意思，为啥setTimeout可以保证以此执行。。？

[zhangxiao]

@ijse
@heroicYang
其实就是 @dorentus 所说的，要看对依次执行的定义是什么了。如果只是依次触发，那么setTimeout确实可以了。如果是后一个要等前一个完成了再开始，那setTimeout就做不到了

[darasion]

一般来说，事先算出每一步的执行时间，然后在一个循环中分别setTimeout，还要注意闭包问题。原书有bug。


参考JQuery作者写的：
《Pro JavaScript Techniques》
http://book.douban.com/subject/1949853/
里边有动画的例子。

[heroicYang]

@zhangxiao
@leohxj
只有安排好需要执行的任务，不管其中哪个占用大量时间，用setTimeout都是能保证其按顺序执行的。



当然，如果把任务3的delay time改成比前面任何一个小的话，它肯定是会插入的。

@dorentus 关于setInterval，可以参看下我以前写的一篇拙文，欢迎拍砖~嘿嘿。 http://heroicyang.com/2012/09/06/javascript-timers/

[zhangxiao]

@heroicYang 嗯，那我们只是对“依次”的定义或者理解不同。我理解LZ的意思是后一个任务要在前一个任务完成之后才开始。你的理解是只要依次触发即可。