程序師世界是廣大編程愛好者互助、分享、學習的平台,程序師世界有你更精彩!
首頁
編程語言
C語言|JAVA編程
Python編程
網頁編程
ASP編程|PHP編程
JSP編程
數據庫知識
MYSQL數據庫|SqlServer數據庫
Oracle數據庫|DB2數據庫
 程式師世界 >> 編程語言 >> .NET網頁編程 >> ASP.NET >> ASP.NET基礎 >> ASP.NET網站實時顯示時間的方法

ASP.NET網站實時顯示時間的方法

編輯:ASP.NET基礎

本文實例講述了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程序設計有所幫助。

  1. 上一頁:
  2. 下一頁:
Copyright © 程式師世界 All Rights Reserved