ASP.NET網(wǎng)站實(shí)時(shí)顯示時(shí)間的方法
本文實(shí)例講述了ASP.NET網(wǎng)站實(shí)時(shí)顯示時(shí)間的方法。分享給大家供大家參考。具體方法如下:
在ASP.NET環(huán)境中開發(fā)設(shè)計(jì)網(wǎng)站或網(wǎng)絡(luò)應(yīng)用程序時(shí),往往需要實(shí)時(shí)顯示當(dāng)前日期和時(shí)間。這時(shí),通常使用AJAX控件來實(shí)現(xiàn)。
需要注意的是,在.NET Framework 2.0版本中,工具箱中是沒有AJAX Extensions控件的。而.NET Framework 3.5版本中集成了AJAX。
ASP.NET AJAX包括三部分:
①一個(gè)擴(kuò)展客戶端JavaScript功能的客戶端庫或框架;
②一個(gè)允許ASP.NET AJAX很好地集成到Visual Studio中的服務(wù)端編程和開發(fā)擴(kuò)展包;
③一個(gè)由社區(qū)開發(fā)和支持的工具箱。
在服務(wù)器端,AJAX擴(kuò)展包包含了少數(shù)幾個(gè)AJAX控件,分別是:ScriptManager、ScriptManagerProxy、Timer、UpdatePanel、UpdateProgess。
其中,ScriptManager控件可以指示ASP.NET配置引擎使用AJAX方式向客戶端發(fā)送響應(yīng),并且在發(fā)送響應(yīng)時(shí)引入腳本庫。
要特別注意:每個(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)代碼如下。
<!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無法使用-->
</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文件中,只需要添加一句代碼即可。代碼如下:
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ì)有所幫助。
相關(guān)文章
.NET開發(fā)基礎(chǔ):從簡單的例子理解泛型 分享
.Net開發(fā)基礎(chǔ)系列文章,對(duì)自己之前寫過的代碼備忘,如能給人予幫助,不甚榮幸。個(gè)人能力有限,如有差錯(cuò)或不足,請(qǐng)及時(shí)指正。2013-06-06asp.net中一個(gè)linq分頁實(shí)現(xiàn)代碼
asp.net中一個(gè)linq分頁實(shí)現(xiàn)代碼,需要的朋友可以參考下。2011-12-12使用updatepanel局部刷新實(shí)現(xiàn)注冊時(shí)對(duì)用戶名的檢測示例
這篇文章主要介紹了使用updatepanel局部刷新實(shí)現(xiàn)注冊時(shí)對(duì)用戶名的檢測示例,需要的朋友可以參考下2014-03-03ASP.NET連接數(shù)據(jù)庫并獲取數(shù)據(jù)方法總結(jié)
這篇文章主要介紹了ASP.NET連接數(shù)據(jù)庫并獲取數(shù)據(jù)方法,結(jié)合實(shí)例分析總結(jié)了ASP.NET連接數(shù)據(jù)庫及獲取數(shù)據(jù)的相關(guān)實(shí)現(xiàn)技巧,并附帶了web.config配置文件的使用方法與相關(guān)注意事項(xiàng),需要的朋友可以參考下2015-11-11