HTML Javascript 模式弹出窗口，具有自动关闭功能

HTML Javascript Modal Popup Window with Auto Close

本文关键字：功能 模式 Javascript 窗口 HTML      更新时间：2023-09-26

主要思想是复制我们在银行或美国运通网站上看到的内容，其中MODAL Popup出现在他们告诉我们会话"即将"到期。

为此，我想添加一个将在 XX 秒后发生的"自动关闭"弹出事件，然后我想在将用户重定向到注销页面之前调用按钮事件 Onclick 以"自动保存"当前工作。

所以主要是我想知道执行以下操作的最佳方法是什么：

1） 在 1 分钟后显示模态消息（用于测试目的）。这可以是出现在当前页面顶部的 DIV，也可以是两个模式的对话框消息框。

2）显示一条消息和一个反向计时器，例如"请在会话到期前保存您的工作"

3）XX秒后自动关闭（或隐藏）该消息对话框

4） 调用按钮点击事件。

后端

使用 C# ASP.NET

这样的事情会让你开始：

setTimeout(WarnTheUser,10000);//fires after 10 seconds
function WarnTheUser()
{
     document.getElementById('warningDiv').innerHTML="<H1>This page will auto save in 1 minute</H1>"; //or whatever
     setTimeout(saveData,60000);
}
function saveData()
{
   form.submit();//adjust accordingly
}

杰斯菲德尔。

相关文章：