在ASP.NET環(huán)境中開(kāi)發(fā)設(shè)計(jì)網(wǎng)站或網(wǎng)絡(luò)應(yīng)用程序時(shí)，往往需要實(shí)時(shí)顯示當(dāng)前日期和時(shí)間。這時(shí)，通常使用AJAX控件來(lái)實(shí)現(xiàn)。

需要注意的是，在.NET Framework 2.0版本中，工具箱中是沒(méi)有AJAX Extensions控件的。而.NET Framework 3.5版本中集成了AJAX。

ASP.NET AJAX包括三部分：

①一個(gè)擴(kuò)展客戶端JavaScript功能的客戶端庫(kù)或框架；
②一個(gè)允許ASP.NET AJAX很好地集成到Visual Studio中的服務(wù)端編程和開(kāi)發(fā)擴(kuò)展包；
③一個(gè)由社區(qū)開(kāi)發(fā)和支持的工具箱。

在服務(wù)器端，AJAX擴(kuò)展包包含了少數(shù)幾個(gè)AJAX控件，分別是：ScriptManager、ScriptManagerProxy、Timer、UpdatePanel、UpdateProgess。

其中，ScriptManager控件可以指示ASP.NET配置引擎使用AJAX方式向客戶端發(fā)送響應(yīng)，并且在發(fā)送響應(yīng)時(shí)引入腳本庫(kù)。

要特別注意：每個(gè)支持AJAX功能的ASP.NET的Web窗體必須包含且只能包含一個(gè)ScriptManager控件。
UpdatePanel是一種利用AJAX實(shí)現(xiàn)的新的 Web窗體中的控件容器。每個(gè)要支持AJAX的ASP.NET Web窗體可包含一個(gè)或多個(gè)UpdatePanel控件。

要實(shí)現(xiàn)實(shí)時(shí)顯示時(shí)間，只需要下面兩個(gè)步驟：

1、在ASP.NET 項(xiàng)目中新建一個(gè)Web窗體，命名為ShowCurrentTime，其前臺(tái)代碼如下。

復(fù)制代碼代碼如下:

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="ShowCurrentTime.aspx.cs" Inherits="ShowCurrentTime" %>  

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">  

<html xmlns="http://www.w3.org/1999/xhtml">  

<head runat="server">  

    <title>動(dòng)態(tài)顯示實(shí)時(shí)時(shí)間</title>            

</head>  

<body>  

    <form id="form1" runat="server">  

    <!-- 必須使用 .net Framework 3.5版本，工具箱中才會(huì)有內(nèi)置的AJAX Extensions -->  

    <div>  

        <asp:ScriptManager ID="ScriptManager1" runat="Server" ></asp:ScriptManager><!--必須包含這個(gè)控件，否則UpdatePanel無(wú)法使用-->  

    </div>  

    <table style=" position: absolute; margin-left:200px; margin-right:200px; margin-top:100px; width:270px; height:78px; top: 15px; left: 10px;">  

        <tr>  

           <td>動(dòng)態(tài)顯示實(shí)時(shí)時(shí)間</td>  

        </tr>  

        <tr>  

            <td style="height:100px;">  

            <asp:UpdatePanel ID="UpdatePanel1" runat="server">  

                <ContentTemplate>當(dāng)前時(shí)間是：  

            <!--Lable和Timer控件必須都包含在UpdatePanel控件中 -->  

                    <asp:Label ID="Label1" runat="server" Text="Label"></asp:Label>  <!--用于顯示時(shí)間-->  

                    <asp:Timer ID="Timer1" runat="server" Interval="1000"></asp:Timer><!-- 用于更新時(shí)間，每1秒更新一次-->  

                </ContentTemplate>                  

            </asp:UpdatePanel>     

            </td>  

        </tr>  

    </table>  

    </form>  

</body>  

</html>

2、在ShowCurrentTime.aspx.cs文件中，只需要添加一句代碼即可。代碼如下：

復(fù)制代碼代碼如下:

using System;  

using System.Collections.Generic;  

using System.Linq;  

using System.Web;  

using System.Web.UI;  

using System.Web.UI.WebControls;  

public partial class ShowCurrentTime : System.Web.UI.Page  

{  

    protected void Page_Load(object sender, EventArgs e)  

    {  

        Label1.Text = DateTime.Now.ToString();  

    }  

}

至此，完成了Label中實(shí)時(shí)顯示時(shí)間的功能。另外，還可以根據(jù)需要設(shè)置時(shí)間顯示的樣式。

如果只想顯示日期，而不顯示時(shí)間，那么可以利用SubString取出前面的日期。

希望本文所述對(duì)大家的asp.net程序設(shè)計(jì)有所幫助。

您可能感興趣的文章: