小红书前端面试题：红色3秒、然后显示黄色1秒，最后显示绿色2秒，进行循环。

梦想家小阿新

于 2021-02-23 15:52:36 发布

阅读量1.4k

点赞数 1

分类专栏：前端面试文章标签：前端面试

本文链接：https://blog.csdn.net/tx6491991/article/details/113992238

版权

前端面试专栏收录该内容

1 篇文章 0 订阅

订阅专栏

这段代码定义了一个`changeColor`函数来模拟颜色变化，依次显示红色3秒、黄色1秒和绿色2秒，并无限循环。它使用了Promise来异步处理颜色切换。`getColor`函数通过async/await调用`changeColor`，确保每个颜色显示完毕后才进入下一个颜色。这是一个关于JavaScript异步编程和定时任务的例子。

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

实现一个js函数，满足先开始显示红色3秒、然后显示黄色1秒，最后显示绿色2秒，进行循环。

const changeColor = (color: string, time: number) => {
   return new Promise((resolve, reject) => {
        setTimeout(() => {
            resolve(color);
        }, time);
    });
};

const getColor = async () => {
   try {
        let color: any = "red";
        color = await changeColor("yellow", 3000);
        color = await changeColor("green", 1000);
        color = await changeColor("red", 2000);
        getColor();
    } catch (e) {}
};