JavaScript 实现红绿灯

最新推荐文章于 2024-02-10 18:42:53 发布

latency_cheng

最新推荐文章于 2024-02-10 18:42:53 发布

阅读量9.1k

点赞数 3

分类专栏： JavaScript 文章标签： JavaScript 异步红绿灯 Promise async

本文链接：https://blog.youkuaiyun.com/latency_cheng/article/details/88660742

版权

本文介绍了使用JavaScript的setTimeout、Promise和async/await三种方法实现红绿灯效果，红灯2秒，黄灯1秒，绿灯3秒，通过循环改变颜色。在setTimeout中借助递归，Promise中利用then链式调用，async/await则通过while循环配合await来简化代码结构。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

使用setTimeout、Promise、async await 三种方式实现红绿灯代码，红灯2秒，黄灯1秒，绿灯3秒，循环改变颜色。改变颜色的方法，就简单写成打印出颜色。

setTimeout实现

使用setTimeout是最基本的实现方式，代码如下，使用递归来实现循环改变颜色。

function changeColor(color) {
   
	console.log('traffic-light ', color);
}
function main() {
   
	changeColor('red');
	setTimeout(()=>{
   
		changeColor('yellow');
		setTimeout(() => {
   
			changeColor('green');
			setTimeout(main

最低0.47元/天解锁文章