红灯三秒亮一次，绿灯一秒亮一次，黄灯2秒亮一次；如何让三个灯不断交替重复亮灯？

LaoYe - IT

已于 2022-02-10 14:54:06 修改

阅读量3.5k

点赞数

分类专栏：前端面试题文章标签：前端 JavaScript 面试题算法

于 2021-05-31 16:57:07 首次发布

本文链接：https://blog.csdn.net/Rao_Limon/article/details/117421200

版权

前端面试题专栏收录该内容

1 篇文章 0 订阅

订阅专栏

代码如下所示：

const onRedLight = () => {
  console.log("red");
};

const onGreenLight = () => {
  console.log("green");
};

const onYellowLight = () => {
  console.log("yellow");
};

const onLightUp = (timestamp, callback) => {
  return new Promise((resolve, reject) => {
    setTimeout(() => {
      callback?.();
      resolve();
    }, timestamp);
  });
};

const onTrafficStep = () => {
  Promise.resolve()
    .then(() => {
      return onLightUp(3000, onRedLight);
    })
    .then(() => {
      return onLightUp(2000, onGreenLight);
    })
    .then(() => {
      return onLightUp(1000, onYellowLight);
    })
    .then(() => {
      onTrafficStep(); // 执行完毕之后，递归执行
    });
};

onTrafficStep();

效果如下图所示：