async await结合定时器，将异步变成同步

最新推荐文章于 2023-03-13 23:03:01 发布

原创最新推荐文章于 2023-03-13 23:03:01 发布 · 562 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#前端 #javascript #开发语言

本文介绍了一个使用JavaScript实现的异步等待计时器功能，通过递减的时间提示来展示等待过程。具体实现方式为定义了一个名为`tenWarn`的异步函数，该函数内部循环调用`delay`函数来实现每秒更新一次状态。

await this.tenWarn();

tenWarn = async () => {
const delay = ms => new Promise(resolve => setTimeout(() => {
this.setState({
tipTitle: 等待车辆响应中${10 - ms / 1000}
},() => {
resolve()
})
}, 1000));加粗样式
for (let i = 0; i < 10; i++) {
await delay((i + 1)*1000);// 线程停5秒后再执行后面的代码
};
}