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

2024年09月25日 建站教程

vuejs如何利用asyncawait函数做一个红绿灯效果,下面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();

本文链接:http://so.lmcjl.com/news/13907/

展开阅读全文
相关内容