用js写红绿灯,js 红绿灯

　　本教程操作环境：windows7系统、javascript1.8.5版本、戴尔自交第三代电脑。

　　javascript怎么实现红绿灯？

　　JavaScript 实现红绿灯

　　使用setTimeout、Promise、async await三种方式实现红绿灯代码，红灯2秒，黄灯一秒，绿灯3秒，循环改变颜色。改变颜色的方法，就简单写成打印出颜色。

　　setTimeout实现

　　使用定时器是最基本的实现方式，代码如下，使用递归来实现循环改变颜色。

　　函数改变颜色(颜色){

　　console.log(红绿灯，颜色);

　　}

　　函数main() {

　　改变颜色(“红色”)；

　　setTimeout(()={

　　更改颜色(黄色);

　　setTimeout(()={

　　更改颜色(绿色);

　　setTimeout(main，2000年年);

　　}, 1000);

　　}, 2000);

　　}

　　main()；Promise 实现

　　使用承诺，把下一次的颜色改变写在然后里面，最后同样使用递归完成循环。

　　功能睡眠（持续时间){

　　返回新承诺(resolve={

　　设置超时(解析，持续时间);

　　})

　　}

　　功能改变颜色（持续时间，颜色){

　　返回新承诺(resolve={

　　console.log(红绿灯，颜色);

　　睡眠（持续时间)。然后（解决);

　　})

　　}

　　函数main() {

　　返回新承诺(resolve={

　　改变颜色(2000年，"红色")。然后(()={

　　改变颜色(1000,黄色)。然后(()={

　　改变颜色(3000,"绿色")。然后(()={

　　main()；

　　})

　　})

　　})

　　})

　　} main()；async await 实现

　　使用异步等待就可以避免承诺的一连串然后，然后，然后，也不再需要递归，使用正在…就可以实现循环。

　　功能睡眠（持续时间){

　　返回新承诺(resolve={

　　设置超时(解析，持续时间);

　　})

　　}

　　异步函数改变颜色(颜色，持续时间){

　　console.log(红绿灯，颜色);

　　等待睡眠（持续时间);

　　}

　　异步函数main() {

　　while (true) {

　　等待变色("红色",2000);

　　等待改变颜色(黄色,1000);

　　等待改变颜色(绿色,3000);

　　}

　　}

　　main()；推荐学习： 《javascript基础教程》 以上就是爪哇岛描述语言怎么实现红绿灯的详细内容，更多请关注我们其它相关文章！

郑重声明：本文由网友发布，不代表盛行IT的观点，版权归原作者所有，仅为传播更多信息之目的，如有侵权请联系，我们将第一时间修改或删除，多谢。