带有异步调用的Javascript弹出关闭事件

带有异步调用的Javascript弹出关闭事件,javascript,popup,Javascript,Popup,完整的Java脚本: 在当前脚本中 btn.onclick = function() { modal.style.display = "block"; } // When the user clicks on <span> (x), close the modal span.onclick = function() { modal.style.display = "none"; alert("s"); } 模态示例 开放模态 &时代; 模态中的一些文本 您

完整的Java脚本:

在当前脚本中

btn.onclick = function() {
    modal.style.display = "block";
}

// When the user clicks on <span> (x), close the modal
span.onclick = function() {
    modal.style.display = "none";
    alert("s");
}
模态示例 开放模态 &时代; 模态中的一些文本


您可以使用setTimeout,因此您的代码可以如下所示

span.onclick = function() {
    modal.style.display = "none";
    setTimeout(function(){
    alert("s");
    });
}
该方法阻止浏览器更新CSS,以避免使用该方法时出现延迟

来自MDN文档:

对话框是模态窗口-它们阻止用户访问程序界面的其余部分,直到对话框关闭。因此,您不应该过度使用任何创建对话框或模式窗口的函数

只需使用setTimeoutfunction{alerts;},0

// When the user clicks on <span> (x), close the modal
span.onclick = function() {
  modal.style.display = "none";
  setTimeout(function() {
    alert("s");
  })
}