使用promise实现红绿灯demo（用console输出）

最新推荐文章于 2024-10-08 16:27:32 发布
最新推荐文章于 2024-10-08 16:27:32 发布
阅读量278 收藏 5
点赞数 15
文章标签： 笔记
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/2401_86877597/article/details/142757581
版权

一、题目要求

使用promise实现红灯三秒，黄灯三秒，绿灯三秒的循环交替。

二、分析

根据题意，首先想到的是promise的链式调用，再通过使用settimeout异步操作完成红灯三秒，黄灯三秒，绿灯三秒的实现

三、代码实现

34bb1d7a958b45a9b7f26c285249c628.png

输出结果如下：

1ba168f07d1c4d47a43d035bfc9d223c.png 但我们发现如果按照上述发现代码书写的话，我们的红黄绿灯只能循环一次，并不能满足题干要求循环交替的情况，于是我们应该想到使用函数，通过调用函数本身来实现循环交替的现象，那么我们只需要将其整体包裹为一个traffic函数，在末尾调用本身就可以了，具体如下:4a86b5ea92be434ca9cf40b8bccfc1b5.png

 输出结果如下：

0d58eeea86aa41369e4cba10a14e4134.png

从而通过函数调用来实现了循环交替的实现 

Tu sais
关注
JS 中使用Promise 实现红绿灯实例代码(demo)
12-29
使用promise 实现红绿灯颜色的跳转 绿灯执行三秒后 黄灯执行四秒后 红灯执行五秒 html 实现如下： <li id=green></li> <li id=yellow></li> <li id=red></li> 定义一个空类，之后再js中操作对应的类名即可...
js使用promise实现红绿灯.html
03-17
js使用promise实现红绿灯.html
php模拟红绿灯,JS 中使用Promise 实现红绿灯详解
weixin_39934302的博客
03-09 238
本文通过实例代码给大家介绍了JS 中使用Promise 实现红绿灯效果，在文中给大家介绍了一个promise用法例子,需要的朋友可以参考下，希望能帮助到大家。要求使用promise 实现红绿灯颜色的跳转绿灯执行三秒后黄灯执行四秒后红灯执行五秒html 实现如下：定义一个空类，之后再js中操作对应的类名即可实现相关的效果。CSS实现如下：ul {position: absolute;width: 2...
php模拟红绿灯,JS 中使用Promise 实现红绿灯实例代码(demo)
weixin_30998797的博客
03-09 227
本文通过实例代码给大家介绍了JS 中使用Promise 实现红绿灯效果，在文中给大家介绍了一个promise用法例子,不了解js中如何使用Promise的朋友可以参考下本篇文章要求使用promise 实现红绿灯颜色的跳转绿灯执行三秒后黄灯执行四秒后红灯执行五秒html 实现如下：定义一个空类，之后再js中操作对应的类名即可实现相关的效果。CSS实现如下：ul {position: absolute...
Promise 实现红绿灯实例
小皮咖的博客
09-26 3907
要求 使用promise 实现红绿灯颜色的跳转 绿灯执行三秒后 黄灯执行四秒后 红灯执行五秒 html 实现如下：<ul id="traffic" class=""> <li id="green"></li> <li id="yellow"></li> <li id="red"></li> </ul>定义一个空类，之后再js中操作对应的类名即可实现相关的效果。CSS实现如下：ul {
面试 - 商汤科技面试经历之Promise红绿灯的实现
huohuotu的博客
08-31 6556
说在前面 　　说实话，刚开始在听到这个面试题的时候，我是诧异的，红绿灯？这不是单片机、FPGA、F28335、PLC的实验吗？！ 　　而且还要用Promise去写，当时我确实没思路，只好硬着头皮去写，下来再review的时候，才真正懂了Promise红绿灯的实现原理 　　下来我就由浅至深的分析Promise红绿灯的实现原理 　　下面我就不讲promise的原理和特点了，想具体看了解的可以看
面试 | 商汤科技面试经历之Promise红绿灯的实现
weixin_30267697的博客
08-31 613
说在前面 　　说实话，刚开始在听到这个面试题的时候，我是诧异的，红绿灯？这不是单片机、FPGA、F28335、PLC的实验吗？！ 　　而且还要用Promise去写，当时我确实没思路，只好硬着头皮去写，下来再review的时候，才真正懂了Promise红绿灯的实现原理 　　下来我就由浅至深的分析Promise红绿灯的实现原理 　　下面我就不讲promise的原理和特点了，想具体看了解的可以看...
JavaScript - Promise 对象 - 学习/实践
"代码"的日常搬运
06-05 3080
1.应用场景 Promise 解决的是异步编码风格的问题，而不是一些其他的问题，所以接下来我们聊的话题都是围绕编码风格展开的。 主要用于网络请求[异步编码风格] 还有一些其他异步任务等 2.学习/操作 1.介绍 TBD 2.学习 TBD 3.实践 TBD 4.思考 TBD 后续补充 ... 3.问题/补充 T...
H5 PWA技术以及小demo
denggen20020210的博客
11-15 632
H5 PWA技术 1、原生app优缺点 　　a、体验好、下载到手机上入口方便 　　b、开发成本高(ios和安卓) 　　c、软件上线需要审核 　　d、版本更新需要将新版本上传到不同的应用商店 　　e、使用前需下载 2、web网页优缺点 　　a、开发成本低、网站更新时上传最新的资源到服务器即可、手机自带浏览器打开即可 　　b、体验比原生app差 　　...
XState：都1202年了，不会真有人还在用假的状态管理库吧？
奇舞周刊
11-16 1184
写在最前谈到状态管理库，有人就会说谁还没用过Redux、Vuex之类的，实际上它们并不是真的状态管理库，本文今天介绍一个真正的状态管理库--XState，一个完全的有限状态机的实现。前置知...
nodejs学习巩固笔记-nodejs基础，Node.js 高级编程（核心模块、模块加载机制）
03-08 817
综上所述，可以看出来 nodejs 对前端开发的重要性和必要性Natives modules IO是计算机操作过程中最缓慢的环节 经典的餐厅就餐例子： 来一个人配一个服务员，来一个人配一个服务员，这时候服务员大部分时间都浪费在了点餐上面，然后就衍生出了 reactor 模式（应答者模式），单线程完成多线程工作；一个服务员，哪边点餐完毕哪边叫服务员就行，只不过是在用户点餐的过程中，服务员在服务于其他的客人，这样的操作就避免了多个上下文之间在进行上下文切换的时候需要考虑的一些状态保存、时间消耗以及状态锁等这样
C++学习笔记----8、掌握类与对象（四）---- 不同类型的数据成员（1）
weixin_71738303的博客
10-05 904
c++对于数据成员给了你许多选项。除了在类中声明简单的数据成员，可以生成静态数据成员供所有类的对象共享，const成员，引用成员，reference-to-const成员，等等。本节我们解释一下这些不同类型的数据成员的细节。
（笔记）第三期书生·浦语大模型实战营（十一卷王场）–书生基础岛第5关---XTuner 微调个人小助手认知
haidizym的博客
10-06 394
学员闯关手册：https://aicarrier.feishu.cn/wiki/ZcgkwqteZi9s4ZkYr0Gcayg1n1g?课程视频：https://www.bilibili.com/video/BV1tz421B72y/课程文档：关卡作业：https://github.com/InternLM/Tutorial/blob/camp3/docs/L1/XTuner/task.md开发机平台：https://studio.intern-ai.org.cn/
（笔记）第三期书生·浦语大模型实战营（十一卷王场）--书生入门岛通关第2关Python 基础知识
haidizym的博客
10-02 530
学员闯关手册：https://aicarrier.feishu.cn/wiki/ZcgkwqteZi9s4ZkYr0Gcayg1n1g?课程视频：https://www.bilibili.com/video/BV1mS421X7h4/课程文档：https://github.com/InternLM/Tutorial/tree/camp3/docs/L0/Python。
【学习笔记】零基础入门汇编语言（ARM架构+汇编的实际应用）
2203_75993546的博客
10-08 922
汇编语言（Assembly Language）是任何一种用于电子或其他可编程器件的低级语言，亦称为。在汇编语言中，用代替的，用地址符号或代替指令或的地址。在不同的设备中，汇编语言对应着不同的，通过汇编过程转换成机器指令。特定的汇编语言和特定的机器语言指令集是的，不同平台之间不可直接移植。汇编是上世纪五十年代人们为了摆脱机器语言的繁琐而创造的，因此，比起机器语言，汇编语言具有更高的机器，更加便于记忆和书写，但又同时保留了机器语言高速度和高效率的特点。但汇编语言仍是。
Django学习笔记三：QuerySet使用详解
软件行业技术文化交流。
10-02 240
Django的QuerySet是Django ORM中用于表示数据库查询结果集合的对象。它提供了丰富的方法来操作和查询数据库。
typora笔记导出word格式：
最新发布
sinat_40759442的博客
10-08 208
链接：https://pan.baidu.com/s/17AZNIMImbzFtWJAcAfAB0g?点击 设置Pandoc路径，然后选择pandoc.exe位置，就可以导出。Pandoc：各系统下载github链接。windows安装包。
强化学习笔记之【DDPG算法】
rvdgdsva的博客
10-06 797
强化学习第2篇.强化学习方向的学习者可以参考或者复刻
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值