首页 > 其他 > 详细

红绿灯 promise和原始方式实现

时间:2019-07-03 10:00:59      阅读:82      评论:0      收藏:0      [点我收藏+]

Promise 方式 async+await

function sleep(duration){
    return new Promise(function(resolve){
        setTimeout(resolve, duration);
    })
}
async function changeColor(duration,color){
    document.getElementById("traffic-light").style.background = color;
    await sleep(duration);

}
async function main(){
    while(true){
        await changeColor(3000,"green");
        await changeColor(1000, "yellow");
        await changeColor(2000, "red");
    }
}
main()

原始方式

 

function color () { 
   console.log(‘green‘);

   setTimeout(() => {
      console.log(‘yellow‘);

      setTimeout(() => {
         console.log(‘red‘);

         setTimeout(color, 2000);
      }, 1000)
   }, 3000);
}
color();

 

红绿灯 promise和原始方式实现

原文:https://www.cnblogs.com/moli-/p/11124298.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!