当前位置: 首页 > Web前端 > JavaScript

使用async和await实现加载动态加载

时间:2023-03-27 17:43:30 JavaScript

使用then等待前面Promise的处理,模拟一次请求加载。CSS.div{宽度:0%;填充:10px0;背景色:紫色;文本对齐:居中;过渡:宽度1s;}JavaScriptfunctionsleep(delay=1000){returnnewPromise((resolve,reject)=>{//延迟等待,模拟异步请求setTimeout(()=>{resolve();},delay);});}(asyncfunctionshow(){letargs=[1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19,20,];letdiv=document.querySelector('.div');for(leti=0;i