[面试基础题]控制红绿灯

最新推荐文章于 2023-07-04 21:20:57 发布

chen_晨风

最新推荐文章于 2023-07-04 21:20:57 发布

阅读量664

点赞数

分类专栏： React js

本文链接：https://blog.csdn.net/qq_37674616/article/details/115237825

版权

该博客探讨了如何使用JavaScript和React来实现红绿黄三色灯的控制，详细介绍了默认设置：红灯20秒带5秒闪烁，绿灯20秒带5秒闪烁，黄灯10秒。内容包括灯的配置如颜色、持续时间和闪烁时间，并提供了js版和React版的实现代码。

摘要由CSDN通过智能技术生成

js版实现红绿灯

题目:

默认情况下，红灯亮20秒，并且最后5秒闪烁绿灯亮20秒，并且最后5秒闪烁黄灯亮10秒，
次序为：红-绿-黄-红-绿-黄
灯的个数、颜色、持续时间、闪烁时间、灯光次序都可配置，如：lights=[{color: ‘#fff’, duration: 10000, twinkleDuration: 5000}, … ]

js版

function sleep(duration) {
   
  return new Promise((resolve) => {
   
    setTimeout(resolve, duration);
  });
}
async function changeLight(color, duration) {
   
  console.log(color);
  await sleep(duration);
}

async function trafficLight() {
   
  await changeLight('green', 10000);
  await changeLight('yellow', 2000);
  await changeLight('red', 5000);
  trafficLight();
}

trafficLight();