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