ASP.NET AJAX入門系列（10）：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．在UpdatePanel之外再添加一個Label控制項。確保第二個Label控制項在UpdatePanel的外面。

9．雙擊Timer控制項添加Tick事件處理，在事件處理中設定Label1的Text屬性為目前時間。

protected void Timer1_Tick(object sender, EventArgs e)

{
    Label1.Text = "Panel refreshed at: " +

      DateTime.Now.ToLongTimeString();
}

10．在Page_Load事件中添加代碼設定Label2的Text屬性為頁面建立時間，如下代碼所示：

protected void Page_Load(object sender, EventArgs e)

{
    Label2.Text = "Page created at: " +

      DateTime.Now.ToLongTimeString();
}

11．切換到程式碼檢視，確保代碼如下所示：

protected void Page_Load(object sender, EventArgs e)
{
    Label2.Text = "Page created at: " +

      DateTime.Now.ToLongTimeString();
}

protected void Timer1_Tick(object sender, EventArgs e)

{
    Label1.Text = "Panel refreshed at: " +

      DateTime.Now.ToLongTimeString();
}

12．儲存並按Ctrl + F5運行

13．等待10秒鐘後可以看到Panel重新整理，裡面的Label文字改變為重新整理的時間而外面的Label沒有改變。

 

[翻譯自官方文檔]