网站消息弹出顺序安排

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