JavaScript利用回调函数完成次序循环打印“红黄绿”灯

最新推荐文章于 2023-02-26 11:04:01 发布
最新推荐文章于 2023-02-26 11:04:01 发布
阅读量553 收藏
点赞数
分类专栏： JS 文章标签： javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/MYHYa/article/details/110679060
版权
本文介绍如何使用JavaScript的回调函数来依次循环打印'红黄绿'三种颜色，展示回调在并发控制中的应用。
摘要由CSDN通过智能技术生成 
var id;
        function redLight(a,b,time){
    ///l1(l2黄,l3绿,2000)
            console.log("红灯")
            clearTimeout(id);
            id=setTimeout
最低0.47元/天 解锁文章
写不完的bug
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
JavaScript中的引用函数、调用函数和回调函数
miao_9的博客
07-31 7129
引用函数与调用函数的区别引用函数与调用函数的差别与函数名称后是否附有括号()有关。函数引用只会单独出现，但函数调用则必定后随括号，很多时候还附有自变量。 举个例子// 函数引用 代码一 function f(){ var x = 5; return x; } var a = f; var b = f;console.log(a===b); // true // 函数调用 代码二 fu
JavaScript的循环和函数
hc894127523的博客
04-12 1977
目录 一JavaScript的for循环 二JavaScript的for...in循环 三JavaScript的while循环 四JavaScript的do...while循环 一函数JavaScript函数的声明 二JavaScript命名函数和匿名函数 一JavaScript的for循环 循环是将代码执行指定的次数。 for循环 for(语句1;语句2;语句3){ 执行的代码 语句1：条件的变量的初始值(代码执行前执行) 只执行一次 语句2：循环条件 语句3：循环(代
js for循环输出
07-07
js for语句 循环输出 最简洁代码 案例
循环打印红黄绿
最新发布
weixin_45825917的博客
02-26 242
Js
【面试题】循环打印红绿灯
LS_952754的博客
08-21 287
【面试题】循环打印红绿灯
循环打印红绿灯问题
jxbook的博客
09-19 164
promise的简单运用和优化
JS实现交通信号灯
ShuoCham的博客
11-28 4205
效果预览 主要思路： 首先，我们要写三个div块，分别用来装红绿黄灯，另外写两个button按钮表示开始和暂停 接着，写div的css样式，让div变成圆形需要用到border-radius属性，然后为了让三个div块横向排列，这里我们使用float：left属性。 JS实现：主要使用三个函数：①demo( ) ②start( )③stop( )， demo函数用来实现三个信号灯的轮播效果,其中
javascript 实现多个异步函数的同时执行后再执行回调函数
ccForTaeyeon的博客
08-05 6760
首先，思路来自于 http://www.cnblogs.com/liuliang-wifi/p/6832850.html。这篇文章写的很好，相比而言这篇文章是更有难度一点的，有兴趣的可以欣赏一下这篇文章。链接：点击打开链接 其次，这个问题来自于阿里一面的姐姐问道的。 当时我的回答是调用Promise函数来实现，面试姐姐希望我实现一下Promise函数，我回忆起阮一峰教程里是通过Generato
Js的同步异步以及回调函数
IT修真院：初学者转行到互联网的聚集地
05-20 2269
这里是修真院前端小课堂，每篇分享文从 【背景介绍】【知识剖析】【常见问题】【解决方案】【编码实战】【扩展思考】【更多讨论】【参考文献】 八个方面深度解析前端知识/技能，本篇分享的是： 【Js的同步异步以及回调函数】 大家好，我是IT修真院深圳分院第06期学员，一枚正直善良的web程序员。 今天给大家分享一下，修真院官网JS任务中可能会使用到的知识点： js同步异步以及回调函数 ...
JS 中使用Promise 实现红绿灯实例代码(demo)
12-29
要求 使用promise 实现红绿灯颜色的跳转 绿灯执行三秒后 黄灯执行四秒后 红灯执行五秒 html 实现如下： 定义一个空类，之后再js中操作对应的类名即可实现相关的效果。 CSS实现如下： ul { position: absolute; width: 200px; height: 200px; top: 50%; left: 50%; transform: tr
用JS控制表格的交替颜色.rar
07-05
用JS控制表格的交替颜色
JavaScript分类显示随机颜色【红绿蓝青黄紫、黑白、全彩】
飛天网事
12-29 5893
 JavaScript分类显示随机颜色【红绿蓝青黄紫、黑白、全彩】，随机显示分类颜色，按color系列显示随机颜色。 web中颜色的表达方法可以用内定的英文单词或颜色代码，其中颜色代码一般分两种形式：#ffffff  或 rgba(255,255,255,1) 其中#ffffff代码，6位16进制数字，每两位数字分别代表R（红色）、G（绿色）、B（蓝色）， 如#ff0000(红色）、#
用js实现红绿灯
qq_48758340的博客
04-15 5839
提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档 文章目录前言一、红绿灯二、使用步骤1.定义flag标记 前言 用js实现红绿灯 提示：以下是本篇文章正文内容，下面案例可供参考 一、红绿灯 示例：通过定时器、flag标记实现倒计时以及红绿灯的切换。 二、使用步骤 1.定义flag标记 var flag=1; //初始为1，‘1’代表红灯 ‘2’代表绿灯 ‘3’代表黄灯 代码如下（示例）： <!DOCTYPE html> <html lang="en"&.
面试题用promise实现，红色三秒打印一次、绿色两秒打印一次、黄色一秒打印一次
果冻
10-26 1683
用promise实现，红色三秒打印一次、绿色两秒打印一次、黄色一秒打印一次，三种颜色循环不断交替打印。 function red() { console.log("red"); } function green() { console.log("green"); } function yellow() { console.log("yellow");
Promise 隔三秒打印red，再隔2秒打印green，再隔1秒打印yellow，依次循环无限打印
huang_xiao_rong的博客
03-04 923
Promise settimeout
用JS编写，红绿灯倒计时：实现三色交通信号灯的亮灯的顺序一般为“绿-＞黄-＞红-＞绿”依次循环。亮灯时长需根据路口的实际情况等因素来考虑设置，如红灯亮为30秒，绿灯亮为35秒，黄灯亮为5秒。
m0_53911328的博客
04-22 5727
CSS页面代码： <style> *{ margin: 0; padding: 0; } .signal-light{ width: 400px; margin: 100px auto 0; } .light{ display: flex; margin: 0 auto; width: 140px; height: 500px; flex-di
面试题_打印红绿灯问题
this_is_a_rogue的博客
09-13 297
1，使用callback实现循环打印，间隔一秒打印红色，间隔俩秒打印绿色，间隔三秒打印黄色。 var logLight = function(){ setTimeout(()=>{ console.log("now is 红灯"); setTimeout(()=>{ console.log("now is 绿灯"); setTimeout(()=>{ console.log("now is ...
实现一个红绿灯（3s打印red，2s打印green，1s打印yellow）
qq_51172685的博客
01-28 698
// 实现一个红绿灯 async function printColor(color,time){ return new Promise((resolve,reject)=>{ setTimeout(()=>{ console.log(color); resolve() },time) ...
深入理解JavaScript回调函数及其应用
"本文深入解析JavaScript的回调函数，包括它们的概念、实现方式、回调地狱的解决方案以及如何自定义回调函数。回调函数是JavaScript中的重要特性，允许将函数作为参数传递，实现异步处理和事件响应。文章介绍了回调...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值