[英]Countdown label on asp.net redirect page
在用户单击注销按钮后,我将它带到重定向页面,该页面显示一条消息并显示“注销并重定向到?秒”。 我在用
Response.AddHeader("REFRESH", "3;URL=Login.aspx");
有没有办法显示在标签中重定向之前剩余的秒数?
在重定向页面中,您需要使用JavaScript来处理它。
此示例可以帮助您: http : //javascriptsource.com/navigation/countdown-redirect.html
例如 ,
单击“注销”按钮时,您可以通过动态创建倒计时javascript
protected void OnLogout(object sender, EventArgs e)
{
string url = "~/Login.aspx";
string msg = "Logging out and Redirecting in ? ";
StringBuilder js = new StringBuilder("<script language=\"javascript\">")
.Append("var ts = 3; setInterval(\"redirect()\",1000);")
.Append("function redirect(){ if(ts == 0){")
.Append("window.location.href=\"" + url + "\"; }else{")
.Append("document.body.innerHTML = \"msg \" + (ts--)+\"seconds\";}}")
.Append("</script>");
Response.Write(js.ToString());
}
您需要使用客户端技术,即JavaScript。 使用服务器端将需要调用服务器,这对于像这样简单的事情是不需要的。
因为您使用的是Microsoft aspx
,所以您可以在客户端创建标签并通过为代码隐藏标签的Id并在剩余时间内更改其值基来实现AJAX
。
跟进我的评论,您可以通过以下代码完成您的解决方案:
<script type="text/javascript">
var timeLeft = 3;
function decrementCounter() {
if (timeLeft > 0) {
document.all('countDown').innerHTML = "Redirecting in " + timeLeft + "...";
timeLeft--;
setTimeout("decrementCounter()", 1000);
}
else {
window.location = "http://www.google.com/"
}
}
</script>
<body>
<form>
<label id="countDown">3</label>
<input type="button" value="Display alert box in 3 seconds" onclick="decrementCounter()" />
</form>
</body>
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.