美文网首页
promise-红黄绿灯

promise-红黄绿灯

作者: lucky_果果 | 来源:发表于2019-10-31 17:00 被阅读0次

    思路:封装一个promise,执行灯亮,再设置settimeout,几秒后再执行该promise。

    1、代码截图:

    2、代码:

     var lightFlag = 0;

      function changeLight(color,time){

        // let lightFlag;

        return new Promise((sol,rej)=>{

          console.log(`${color}灯亮了`);

          lightFlag =setTimeout(sol,time);

        });

      }

      function controlLight(){

        changeLight('red',3000).then(function(){

          clearTimeout(lightFlag);

          return changeLight('green',2000);

        }).then(function(){

          clearTimeout(lightFlag);

          return changeLight('yellow',1000);

        }).then(function(){

          clearTimeout(lightFlag);

          // controlLight();

        })

      }

      controlLight();

    相关文章

      网友评论

          本文标题:promise-红黄绿灯

          本文链接:https://www.haomeiwen.com/subject/yamtbctx.html