如何实现JavaScript中的类似sleep函数的暂停功能?

更新于
2026-09-26 14:09:34
0阅读来源:SEO问题
  • 内容介绍
  • 文章标签
  • 相关推荐

本文共计705个文字,预计阅读时间需要3分钟。

如何实现JavaScript中的类似sleep函数的暂停功能?

目录:

1.sleep函数

2.setTimeout

3.Promise

4.async/await

5.1秒后输出1,2秒后输出2,3秒后输出3

参考文章:

1.sleep函数:JavaScript是单线程运行的,没有内置的sleep函数,目前模拟实现sleep延迟执行的效果。

2.setTimeout:通过设置定时器来实现延迟执行。

目录
  • 1.sleep函数
  • 2. setTimeout
  • 3.Promise
  • 4. async await
  • 5. 1s后输出1 2s后输出2 3s后输出3
  • 参考文章:

1.sleep函数

JavaScript是单线程运行的,没有内置的sleep函数,现在模拟实现sleep延迟执行的效果。

使用睡眠函数实现红绿灯代码,红灯2秒,黄灯1秒,绿灯3秒,循环改变颜色。

2. setTimeout

直接使用setTimeout实现sleep()的方法,兼容性最好,但是使用了回调函数的实现方式,代码的可读性和维护性不是很好。

阅读全文
标签:使用目录

本文共计705个文字,预计阅读时间需要3分钟。

如何实现JavaScript中的类似sleep函数的暂停功能?

目录:

1.sleep函数

2.setTimeout

3.Promise

4.async/await

5.1秒后输出1,2秒后输出2,3秒后输出3

参考文章:

1.sleep函数:JavaScript是单线程运行的,没有内置的sleep函数,目前模拟实现sleep延迟执行的效果。

2.setTimeout:通过设置定时器来实现延迟执行。

目录
  • 1.sleep函数
  • 2. setTimeout
  • 3.Promise
  • 4. async await
  • 5. 1s后输出1 2s后输出2 3s后输出3
  • 参考文章:

1.sleep函数

JavaScript是单线程运行的,没有内置的sleep函数,现在模拟实现sleep延迟执行的效果。

使用睡眠函数实现红绿灯代码,红灯2秒,黄灯1秒,绿灯3秒,循环改变颜色。

2. setTimeout

直接使用setTimeout实现sleep()的方法,兼容性最好,但是使用了回调函数的实现方式,代码的可读性和维护性不是很好。

阅读全文
标签:使用目录