HTML Javascript Модальное всплывающее окно с автоматическим закрытием

Question

Основная идея состоит в том, чтобы воспроизвести то, что мы видим на сайтах Banks или American Express, где появляется MODAL Popup, и они говорят нам, что сессия «истекает».

Для этого мне захотелось добавить всплывающее событие «Автозакрыть», которое произойдет через XX секунд, а затем я хочу вызвать событие кнопки Onclick для «автоматического сохранения» текущей работы, прежде чем перенаправить пользователя на на странице выхода.

Так в основном я хотел бы знать, что это лучший способ сделать следующее:

1) Отображение модальных сообщений после того, как, скажем, 1 минуты (для целей тестирования). Это может быть DIV, появляющийся поверх текущей страницы, или диалоговое окно сообщений MODAL.

2) Отображение сообщения, а также таймер обратного, что-то вроде «Пожалуйста, сохраните свою работу до начала сессии истекает»

3) Auto Close (или скрыть), что диалог сообщений после XX секунд

4) Вызовите кнопку onclick.

Бэкэнд ASP.NET с использованием C#

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.