javascript - 使用弹出倒计时重定向到 MVC 中的操作

Question

我有一个现有的 mvc3 应用程序，我正在添加更多内容。我想在一个视图中发布信息并让应用程序进入一个摘要页面，有一个倒计时到 0 的对话框，如果用户在 25 秒后没有“提交”表单，自动-重定向到我的控制器中的一个动作..

我可以使用摘要视图顶部的这一行来刷新要发生的操作。

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

但我也想要弹出窗口..

有人可以告诉我如何做到这一点吗？

谢谢！大卫

Answer 1

你为什么不在你的视野中使用 javascript 和 jQuery。这是您可以执行的某种操作：

将以下元素放在您想要的位置：

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

下面是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
   }
}

希望这会帮助你。-韩-