Question

I have an existing mvc3 application that I am adding more to. I would like to post information in one view and have the app come to a summary page, have a dialog of some sort with a countdown to 0 and if the user doesn’t “submit” the form after say 25 seconds, to auto-redirect to an action in my controller..

I can get the refresh to the action to happen using this line at the top of my summary view.

<meta http-equiv="refresh" content="25;URL=@(Url.Action("CancelandLogoff", "Account"))" />

but I would like the popup as well ..

Can someone give me a clue how to do this?

Thanks!
David

Answer 1

Why don’t you use javascript & jQuery at your view.
This is some kind you can do:

Put the below element at where you want:

<div id="dCountDown"></div>

The below is javascript:

var countDownVal = 25;
$('#dCountDown').html(countDownVal);
var timer1 = setInterval(function(){myTimer()},1000);
function myTimer()
{
   countDownVal--;
   $('#dCountDown').html(countDownVal);
   if (countDownVal == 0)
   {
      clearInterval(timer1); // this thing can be here, or not, it's OK
      window.location.replace("/CancelandLogoff/Account"); // or whatever address you want
   }
}

Hope this will help you.
-Han-