红绿灯效果（Promise）

最新推荐文章于 2022-10-31 17:30:00 发布

紫菜菌

最新推荐文章于 2022-10-31 17:30:00 发布

阅读量500

点赞数 3

分类专栏： js基础红绿灯 Promise 文章标签： javascript 前端 es6/es7

本文链接：https://blog.csdn.net/caiyyu/article/details/105260190

版权

题目：红灯三秒亮一次，绿灯一秒亮一次，黄灯2秒亮一次；如何让三个灯不断交替重复亮灯？（用Promse实现）

<style>
        #l{
            width: 100px;
            height: 100px;
             /* background-color: blueviolet; */
            border-radius: 50%;
        }
    </style>
</head>
<body>
    <div id="l"></div>
    <script>
        function red(){
            // console.log("red");
            l.style.background="red"
            
        }
        function green(){
            // console.log("green");
            l.style.background="green"
        }
        function yellow(){
            // console.log("yellow");
            l.style.background="yellow"
            
        }

        var light=function(cb,timer){
            return new Promise((resolve,reject)=>{
                setTimeout(function(){

最低0.47元/天解锁文章

紫菜菌

关注

3
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
红绿灯效果（Promise）

题目：红灯三秒亮一次，绿灯一秒亮一次，黄灯2秒亮一次；如何让三个灯不断交替重复亮灯？（用Promse实现）<style> #l{ width: 100px; height: 100px; /* background-color: blueviolet; */ border...
复制链接

扫一扫