ASP.NET AJAX 無刷新顯示時間 Timer控件簡單使用

 

本文主要經過一個簡單示例，讓 Web頁面在必定的時間間隔內局部刷新，來學習一下ASP.NET AJAX中的服務端Timer控件的簡單使用。

 

主要內容

    Timer控件的簡單使用

 

1．添加新頁面並切換到設計視圖。

2．若是頁面沒有包含 ScriptManager控件，在工具箱的AJAX Extensions標籤下雙擊ScriptManager控件添加到頁面中。

 

3．單擊 ScriptManager控件並雙擊UpdatePanel控件添加到頁面中。

 

4．在 UpdatePanel控件內單擊並雙擊Timer控件添加到UpdatePanel中。Timer控件能夠做爲UpdatePanel的觸發器無論是否在UpdatePanel中。

 

5．設置 Interval屬性爲10000。Interval屬性的單位是毫秒，因此咱們設置爲10000，至關於10秒鐘刷新一次。

6．在 UpdatePanel控件中添加一個Label控件。

 

7．設置 Label控件的Text屬性爲「Panel not refreshed yet 」。確保Label控件添加在了UpdatePanel控件裏面。

8．雙擊 Timer控件添加Tick事件處理，在事件處理中設置Label1的Text屬性爲當前時間。．在 Page_Load事件中添加代碼設置Label2的Text屬性爲頁面建立時間，以下代碼所示：．切換到代碼視圖，確保代碼以下所示：．保存並按 Ctrl + F5運行

protected void Timer1_Tick(object sender, EventArgs e)

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

10

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

11

public partial class Default2 : System.Web.UI.Page
{
    protected void Page_Load(object sender, EventArgs e)
    {
        Timer1.Enabled = true;
    }

 

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

12

13．等待 1秒鐘後能夠看到Panel刷新，裏面的Label文字改變爲刷新顯示時間

 

 更多資料可訪問另外一博友 http://www.cnblogs.com/Terrylee/archive/2006/11/14/Introduction_to_the_Timer_Control.html

http://terrylee.cnblogs.com/