vuejs利用async和await函数做一个红绿灯效果

vuejs如何利用async和await函数做一个红绿灯效果，下面web建站小编给大家详细介绍一下实现代码！

完整代码如下：

function sleep(duration) {
  return new Promise(resolve => {
    setTimeout(resolve, duration);
  })
}

async function changeColor(color, duration) {
  await sleep(duration);
}
//依次执行方法
async function main() {
  while (true) {
    await changeColor('red', 2000);
    await changeColor('yellow', 1000);
    await changeColor('green', 3000);
  }
}
//调用方法
main();