Asp.net计时器和更新面板

时间:2013-11-08 11:18:19

标签: c# asp.net timer updatepanel

您好我在堆栈溢出上搜索了很多,以便找到合适的答案来解决我的问题,但找不到它。我希望你们能解决我的问题。

我有一个Web应用程序,它有两个更新面板。

第一个更新面板仅包含一个定时器,其间隔仅为一秒,并且它充当倒计时器。

第二个更新面板是条件面板,仅在倒计时结束时更新。

我面临的问题是,当我发布我的网络应用程序时,计时器似乎不能正常工作在页面上的一些用户来到顶部(我假设它得到刷新)。在本地主机上它完美无缺地运行。下面给出了aspx文件和aspx.cs文件的代码

<asp:UpdatePanel ID="UpdatePanel2" runat="server">
  <ContentTemplate>
    <asp:Timer ID="Timer1" runat="server" Interval="1000" OnTick="Timer1_Tick">
    </asp:Timer> 
    <div class="form-area">
      <div class="clock">
        <p><img id="c-time" src="images/clock.png"/>Current Time 
           <span class="spanclass">
             <asp:Label ID="CurrentTimeLabel" runat="server" Text="Label">
             </asp:Label>
           </span>
        </p>
      </div>
      <p id="text">
        <asp:Label ID="Processing" runat="server" Text="Label"></asp:Label>
        <br />
        <asp:Label ID="FilterLabel" runat="server" Text="Label"></asp:Label>
        <br />Time Left for list to Refresh
        <span class="spanclass">
          <asp:Label ID="TimeLeftLabel" runat="server" Text=""></asp:Label>
        </span>
      </p>
    </div>
    <div class="clear"></div>
  </ContentTemplate>
</asp:UpdatePanel>

和aspx.cs

protected void Timer1_Tick(object sender, EventArgs e)
    {
        CurrentTimeLabel.Text = DateTime.Now.ToShortTimeString();
        if (SecondsLeft > 0)
        {
            SecondsLeft--;
        }

        else if (MinutesLeft > 0)
        {
            MinutesLeft--;
            SecondsLeft = 59;
        }
        if (SecondsLeft < 10)
        TimeLeftLabel.Text =  " 0" + MinutesLeft + ":" + "0" + SecondsLeft;
        else
        TimeLeftLabel.Text = " 0" + MinutesLeft + ":" + SecondsLeft;
        if (MinutesLeft == 5)
        {
            FilterLabel.Text = "";
        }
        if (MinutesLeft == 0 && SecondsLeft == 0)
        {
           function();
        }

    }

提前致谢。期待寻求帮助

2 个答案:

答案 0 :(得分:1)

我同意奥维迪乌。用jQuery在javascript中试试。

$(document).ready(function(){
  setInterval(function () {Counter() }, 1000);
 });

var count= 0;
function Counter() {
  count++;
  $('#testLabel').html(count);
}

答案 1 :(得分:1)

页面上是否有ScriptManager控件?