本文主要通過一個(gè)簡(jiǎn)單示例，讓Web頁(yè)面在一定的時(shí)間間隔內(nèi)局部刷新，來學(xué)習(xí)一下ASP.NET AJAX中的服務(wù)端Timer控件的簡(jiǎn)單使用。

?

主要內(nèi)容

??? Timer控件的簡(jiǎn)單使用

?

1．添加新頁(yè)面并切換到設(shè)計(jì)視圖。

2．如果頁(yè)面沒有包含ScriptManager控件，在工具箱的AJAX Extensions標(biāo)簽下雙擊ScriptManager控件添加到頁(yè)面中。

3．單擊ScriptManager控件并雙擊UpdatePanel控件添加到頁(yè)面中。

4．在UpdatePanel控件內(nèi)單擊并雙擊Timer控件添加到UpdatePanel中。Timer控件可以作為UpdatePanel的觸發(fā)器不管是否在UpdatePanel中。

5．設(shè)置Interval屬性為10000。Interval屬性的單位是毫秒，所以我們?cè)O(shè)置為10000，相當(dāng)于10秒鐘刷新一次。

6．在UpdatePanel控件中添加一個(gè)Label控件。

7．設(shè)置Label控件的Text屬性為“Panel not refreshed yet? ”。確保Label控件添加在了UpdatePanel控件里面。

8．在UpdatePanel之外再添加一個(gè)Label控件。確保第二個(gè)Label控件在UpdatePanel的外面。

9．雙擊Timer控件添加Tick事件處理，在事件處理中設(shè)置Label1的Text屬性為當(dāng)前時(shí)間。

protected?void?Timer1_Tick(object?sender,?EventArgs?e)

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

??????DateTime.Now.ToLongTimeString();
}

10．在Page_Load事件中添加代碼設(shè)置Label2的Text屬性為頁(yè)面創(chuàng)建時(shí)間，如下代碼所示：

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運(yùn)行

13．等待10秒鐘后可以看到Panel刷新，里面的Label文字改變?yōu)樗⑿碌臅r(shí)間而外面的Label沒有改變。

?

[翻譯自官方文檔]

轉(zhuǎn)載于:https://www.cnblogs.com/Terrylee/archive/2006/11/14/Introduction_to_the_Timer_Control.html

總結(jié)

以上是生活随笔為你收集整理的ASP.NET AJAX入门系列（10）：Timer控件简单使用的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。