1

我创建了一个在线考试网站，我想在其中实现 ajax 计时器。我已经编写了代码，但问题是我正在初始化一个会话，并为计时器添加秒数，假设为 10 秒。当页面加载它显示从 6 秒。所以我觉得当页面预渲染完成时计时器已经开始这就是为什么它从 6 秒而不是 10 秒显示

这是代码。如果任何机构可以建议如何从 10 秒开始显示将是非常好的。

.aspx 文件代码

<body>
<form id="form1" runat="server">
<div>
    <asp:ScriptManager ID="ScriptManager1" runat="server">

    </asp:ScriptManager>

    <asp:UpdatePanel ID="UpdatePanel1" runat="server">
    <ContentTemplate>
        <asp:Timer ID="Timer1" runat="server" Interval="1000" OnTick="Timer1_Tick">
        </asp:Timer>
           <asp:Label ID="Label1" runat="server" Text="Remaining Time :"></asp:Label>&nbsp;<asp:Label ID="lblTime" runat="server" Text=""></asp:Label>
    </ContentTemplate>
    </asp:UpdatePanel>        
</div>
</form>

cs文件代码

protected void Page_Load(object sender, EventArgs e)
{
    if (!IsPostBack)
    {
        Session["time"] = DateTime.Now.AddSeconds(10);
    }
}

protected void Timer1_Tick(object sender, EventArgs e)
{
    if (lblTime.Text != "TimeOut!")
    {
        TimeSpan time1 = new TimeSpan();
        time1 = (DateTime)Session["time"] - DateTime.Now;
        if (time1.Seconds <= 0)
        {
            lblTime.Text = "TimeOut!";
            ScriptManager.RegisterStartupScript(this, this.GetType(), "StartUpScript1", "alert('hello')", true);

        }
        else
        {
            lblTime.Text = time1.Hours.ToString("#00") + ":" + time1.Minutes.ToString("#00") + ":" + time1.Seconds.ToString("#00");
        }
    }
    else
    {
        //Timer1.Interval = 0;
    }
}
4

1 回答 1

0

然后你将值存储在 Session 中，它们是不变的。
您的页面已加载，并且时间已设置。加载后，Timer 将 Ajax 调用发送到Timer1_Tick，它会获取过期的时间。

您需要在Timer1_Tick方法中为 Time 设置移动代码，如下所示：

protected void Timer1_Tick(object sender, EventArgs e)
{
    if (Session["time"] == null)
        Session["time"] = DateTime.Now.AddSeconds(10);

其他方法是使用javascript 或 jquery 作为倒数计时器- 这将照常工作，但会删除对服务器的页面回发。

于 2012-11-15T07:01:45.923 回答