多个setTimeout如何简化？

Question

想使用setTimeout做一个小动画，但是感觉自己写的代码太繁琐。想知道该如何简化这段代码。是否可以使用构造函数？

Answer 1

1. setTimeout不要这么用。字符串可以解析成函数，这从语法上来说是没有问题的。但是这样十分影响解释器运行的效率，一般在js编程中都是不推荐（严格的来说甚至是禁止）这么做的。

2. 这样的动画有很多种实现方式，比如可以直接用css的动画去做，js里面只需要控制开闭就行了

3. 另外，如果一定要用js来完成，你可以看看jquery中animate的实现，我觉得这个api还是比较简洁美观的。

4. 如果一定要像你这样一个阶段一个阶段的setTimeout的话，我觉得用promise封装一层，然后用then串联起来会更好点，这样至少在语言逻辑上会简洁很多。