Javascript 显示警报后隐藏模型弹出窗口

我想隐藏在页面顶部显示警告消息时显示在中心的模型弹出窗口

这是我的弹出窗口

<div class="Model_Div" id="Model" style="display:none;">
    <div class="inside_Div">
        <span id="modelBox"></span>
        <div class="Model_Button">
            <span><button class="sb-btn" ng-click="reset()">Keep Working</button></span>
            <span><a ng-click="vm.setSignOut()" class="sb-btn a_Button" href="/App/LogOff" target="_self">Sign Out</a></span>
        </div>
    </div>
</div>

但没有成功

它是这样显示的

---

解决方案不是最好的（我希望有人会告诉你更好的），但这应该会有所帮助

.modal{
保证金：0自动；
宽度：50%；
显示器：flex；
弯曲方向：立柱；
证明内容：中心；
对齐项目：居中；
边框：2件纯黑；
}
h4{
保证金：0；
填充：10px 10px；
}
钮扣{
宽度：50%；
边缘底部：5px；
填充物：5px 5px；
}

情态标题
出口
const modalBtn=document.querySelector（'.modal__btn'））
const modal=document.querySelector（“.modal”）
modalBtn.addEventListener（'单击'，（事件）=>{
modal.style.display='none'
设置超时（（）=>{
警报（'消息'）
}, 0)
})

它看起来不像您的弹出窗口，而是一个浏览器警报。您是否在js

警报（会话因不活动而结束）

中的某个位置执行了操作？我指的是显示在中心的弹出窗口，在显示的警报期间没有任何功能。暂停所有进程是必要的

1. document.getElementsByClassName("Model_Div")[0].style.display = "none";
 2. $('#Model').hide();