首頁 > 開發者 > ASP

ASP.NET網站即時顯示時間的方法_實用技巧

來源：互聯網
上載者：User
創建阿里雲帳戶，並獲得超過 40 款產品的免費試用版；而企業帳戶則可以享有總值 $1200 的免費試用版。立即註冊！

本文執行個體講述了ASP.NET網站即時顯示時間的方法。分享給大家供大家參考。具體方法如下：

在ASP.NET環境中開發設計網站或網路應用程式時，往往需要即時顯示當前日期和時間。這時，通常使用AJAX控制項來實現。

需要注意的是，在.NET Framework 2.0版本中，工具箱中是沒有AJAX Extensions控制項的。而.NET Framework 3.5版本中整合了AJAX。

ASP.NET AJAX包括三部分：

①一個擴充用戶端JavaScript功能的用戶端庫或架構；
②一個允許ASP.NET AJAX很好地整合到Visual  Studio中的服務端編程和開發擴充包；
③一個由社區開發和支援的工具箱。

在伺服器端，AJAX擴充包包含了少數幾個AJAX控制項，分別是：ScriptManager、ScriptManagerProxy、Timer、UpdatePanel、UpdateProgess。

其中，ScriptManager控制項可以指示ASP.NET配置引擎使用AJAX方式向用戶端發送響應，並且在發送響應時引入指令碼庫。

要特別注意：每個支援AJAX功能的ASP.NET的Web表單必須包含且只能包含一個ScriptManager控制項。
UpdatePanel是一種利用AJAX實現的新的 Web表單中的控制項容器。每個要支援AJAX的ASP.NET Web表單可包含一個或多個UpdatePanel控制項。

要實現即時顯示時間，只需要下面兩個步驟：

1、在ASP.NET 項目中建立一個Web表單，命名為ShowCurrentTime，其前台代碼如下。

複製代碼 代碼如下:
<%@ 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>動態顯示即時時間</title>           
</head> 
 
<body> 
    <form id="form1" runat="server"> 
    <!-- 必須使用 .net Framework 3.5版本，工具箱中才會有內建的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>動態顯示即時時間</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檔案中，只需要添加一句代碼即可。代碼如下：

複製代碼 代碼如下:
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中即時顯示時間的功能。另外，還可以根據需要設定時間顯示的樣式。

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

希望本文所述對大家的asp.net程式設計有所協助。

本文章原先以中文撰寫並發佈於 aliyun.com，亦設英文版本，僅作資訊用途。本網站不對文章的準確性，完整性或可靠性或其任何翻譯作出任何明示或暗示的陳述或保證。如對該文章有任何疑慮或投訴，請傳送電郵至 info-contact@alibabacloud.com 並提供相關疑慮或投訴的詳細說明。職員會於 5 個工作天內與您聯絡，一經驗證之後，即會刪除該侵權內容。

聯繫我們

該頁面正文內容均來源於網絡整理，並不代表阿里雲官方的觀點，該頁面所提到的產品和服務也與阿里云無關，如果該頁面內容對您造成了困擾，歡迎寫郵件給我們，收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容，歡迎發送郵件至： info-contact@alibabacloud.com 進行舉報並提供相關證據，工作人員會在 5 個工作天內聯絡您，一經查實，本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

Get Started for Free

  • Sales Support

    1 on 1 presale consultation

    Chat Contact Sales

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

    Open a Ticket

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.

    Learn More