网站消息弹出顺序安排

Question

不同类型的消息在网站依次弹出，
某条消息中有操作时，操作完成后，继续弹后面的消息，怎么做？

Answer 1

定时，前面的完成后完成后再调用后面的

Answer 2

这种流程控制都应该用promise// 简易模态框const msg = text => {    return new Promise(resolve=>{        const div = document.createElement("div");         div.setAttribute("style","position:fixed;left:50%;top:50%;width:200px;height:100px;transform:translate(-50%,-50%);z-index:9999;background:blue;");         div.innerText = text;        const btn = document.createElement("button");         btn.setAttribute("style","position:absolute;right:0;top:-2em;");         btn.innerText = "关闭";         div.appendChild(btn);         btn.addEventListener("click",()=>{            document.body.removeChild(div);             resolve();         });        document.body.appendChild(div);     })  }// 使用(async ()=>{    await msg("How are you");    await msg("Fine");    await msg("Thanks");    await msg("And you"); })()