Question

主要想法是复制我们在银行或美国运通网站上看到的内容，其中出现MODAL弹出窗口，告诉我们会话“即将”到期。

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

所以主要是我想知道做以下事情的最佳方法是什么：

1）让我们说1分钟后显示一个MODAL消息（用于测试目的）。这可能是出现在当前页面顶部的DIV，也可能是两个MODAL的对话框消息框。

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

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

4）拨打一个按钮onclick事件。

BackEnd是使用C＃的ASP.NET

Answer 1

这样的事情会让你开始：

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
}

jsfiddle.

具有自动关闭功能的HTML Javascript模态弹出窗口

1 个答案: