C# asp.net 局部刷新网页 以每秒更新的时钟为例子

前端

<asp:ScriptManager ID="ScriptManager1" runat="server">
</asp:ScriptManager>

<div class="form-inline row">
    <asp:UpdatePanel ID="updateFlight" UpdateMode="Conditional" runat="server">
        <ContentTemplate>
            <asp:Timer ID="Timer1" runat="server" Interval="1000" ontick="Timer1_Tick">        
            </asp:Timer>
            <p style="margin-left:55px">日期：<span class="short-description">
                <asp:label ID="timeLock" runat="server"></asp:label>
            </p>
        </ContentTemplate>
    </asp:UpdatePanel>
</div>

其中的ScriptManager 必须在要刷新的部分前面。

Timer控件设置为每秒更新一次，Interval=1000。

后台

protected void Page_Load(object sender, EventArgs e)
{
    Timer1.Interval = 1000; 
}

protected void Timer1_Tick(object sender, EventArgs e)
{
    timeLock.Text = DateTime.Now.ToString();
}

获取当前时间，并且每秒更新。

效果：