HTML Javascriptモーダルポップアップウィンドウ（自動クローズ）

Question

主なアイデアは、モーダルポップアップが表示されているセッションが「終了」していることを示すバンクスまたはアメリカンエキスプレスサイトに表示されているものを複製することです。

これに、XX秒後に発生する「自動クローズ」ポップアップイベントを追加した後、ボタンイベントOnclickを呼び出して現在の作業を「自動保存」してから、ユーザーをリダイレクトするログアウトページ。 ）

1の）が1分（テスト目的のために言わせた後MODALメッセージを表示します。

だから主に、私は次の操作を行うための最善の方法だ何を知っていただきたいと思います。これは、現在のページの上に表示されるDIVでも、MODALの両方のダイアログメッセージボックスでもかまいません。

2）メッセージともリバースタイマー、「セッションの有効期限が切れる前に作業を保存してください」のようなものを表示し

3）オートクローズ（または非表示）XX秒

4の後にそのメッセージダイアログ）ボタンonclickイベントを呼び出します。

バックエンドはこのような何かが、あなたが始めるだろうC＃

Answer 1

を使用して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 
} 

jsfiddle.