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

1148 ℃

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

script标签中有哪些属性

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

如何利用react语法做一个红绿灯效果?(附代码)

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

es6语法中有哪些保留字

标签: async, await, 红绿灯

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

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

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

生活小工具

收录了万年历、老黄历、八字智能排盘等100+款小工具!生活小工具
nodejs如何文件内容进行替换
sql语句:删除数据库中重复的数据只保留一条
原生js使用es6引入import报错解决方法
网站应该如何日常维护首页关键词?
dede织梦绑定手机域名教程