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();

script标签中有哪些属性

vuejs如何利用async/await实现同步

如何利用react语法做一个红绿灯效果？（附代码）

js如何实现异步任务队列（异步加载）的方法

es6语法中有哪些保留字

标签： async, await, 红绿灯

上面是“vuejs利用async和await函数做一个红绿灯效果”的全面内容，想了解更多关于 vuejs 内容，请继续关注web建站教程。

当前网址：https://m.ipkd.cn/webs_2744.html

声明：本站提供的所有资源部分来自互联网，如果有侵犯您的版权或其他权益，请发送到邮箱：admin@ipkd.cn，我们会在看到邮件的第一时间内为您处理！