繁体   English   中英

asp.net重定向页面上的倒计时标签

[英]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.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM