ASP.NET網(wǎng)站實時顯示時間的方法

更新時間：2014年11月14日 16:13:46 投稿：shichen2014

這篇文章主要介紹了ASP.NET網(wǎng)站實時顯示時間的方法,主要通過AJAX控件來實現(xiàn)該功能,是非常具有實用價值的技巧,需要的朋友可以參考下

本文實例講述了ASP.NET網(wǎng)站實時顯示時間的方法。分享給大家供大家參考。具體方法如下：

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

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

ASP.NET AJAX包括三部分：

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

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

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

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

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

1、在ASP.NET 項目中新建一個Web窗體，命名為ShowCurrentTime，其前臺代碼如下。

復(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>動態(tài)顯示實時時間</title>            

</head>  

<body>  

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

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

    <div>  

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

    </div>  

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

        <tr>  

           <td>動態(tài)顯示實時時間</td>  

        </tr>  

        <tr>  

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

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

                <ContentTemplate>當前時間是：  

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

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

                    <asp:Timer ID="Timer1" runat="server" Interval="1000"></asp:Timer><!-- 用于更新時間，每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中實時顯示時間的功能。另外，還可以根據(jù)需要設(shè)置時間顯示的樣式。

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

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

您可能感興趣的文章: