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程序设计有所帮助。

(0)

相关推荐

  • ASP.NET显示农历时间的方法

    本文实例讲述了ASP.NET显示农历时间的方法.分享给大家供大家参考.具体实现方法如下: CS部分代码如下: 复制代码 代码如下: public string ChineseTimeNow = "";  public string ForignTimeNow = "";  private static ChineseLunisolarCalendar calendar = new ChineseLunisolarCalendar();  private static

  • asp.net转出json格式客户端显示时间

    在服务器端利用 JavaScriptSerializer serializer = new JavaScriptSerializer(); return serializer.Serialize(obj); 对对像序列化, 对于时间类型得出结果为:\/Date(1216796600500)\/ 客户端解析的方式为: 复制代码 代码如下: function renderTime(data){ var da = eval('new ' + data.replace('/','','g').repla

  • asp.net获取系统当前时间的方法详解

    本文实例讲述了asp.net获取系统当前时间的方法.分享给大家供大家参考,具体如下: 在c# / ASP.net中我们可以通过使用DataTime这个类来获取当前的时间.通过调用类中的各种方法我们可以获取不同的时间:如:日期(2008-09-04).时间(12:12:12).日期+时间(2008-09-04 12:11:10)等. //获取日期+时间 DateTime.Now.ToString(); // 2008-9-4 20:02:10 DateTime.Now.ToLocalTime().

  • asp.net 实现动态显示当前时间(不用javascript不考虑开销)

    Default.aspx页面:先拉一个ScriptManager控件到页面,然后拉一个UpdatePanel控件.UpdatePanel里面放一个Label用于显示时间,放一个timer控件用于控制时间的更新.注意Label与Label都要放到UpdatePanel控件里面.最后,timer控件的Interval属性设置为1000,让它每1秒执行一次即更新时间. Default.aspx.cs页面:只需在 protected void Page_Load(object sender, Event

  • asp.net显示页面执行时间

    复制代码 代码如下: protected void Application_BeginRequest(Object sender, EventArgs e) { Application["StartTime"] = System.DateTime.Now; } protected void Application_EndRequest(Object sender, EventArgs e) { System.DateTime startTime = (System.DateTime)A

  • asp.net中页面显示当前系统时间附图

    复制代码 代码如下: <p class="time">当前系统时间:<script type="text/javascript"> today = new Date(); function initArray() { this.length = initArray.arguments.length for (var i = 0; i < this.length; i++) this[i + 1] = initArray.argument

  • ASP.NET显示农历时间改进版

    本文实例讲述了ASP.NET显示农历时间的方法,是前面一篇文章源码的改进版.分享给大家供大家参考.具体如下: 前面有一篇取农历时间http://www.jb51.net/article/57481.htm,不过没有进行封装使用起来需要手动修改.本次进行简单封装一下,可以直接进行调用. 代码如下: 取农历时间的类 复制代码 代码如下: public class CountryDate  {       public string ChineseTimeNow = "";       pu

  • ASP.NET网站实时显示时间的方法

    本文实例讲述了ASP.NET网站实时显示时间的方法.分享给大家供大家参考.具体方法如下: 在ASP.NET环境中开发设计网站或网络应用程序时,往往需要实时显示当前日期和时间.这时,通常使用AJAX控件来实现. 需要注意的是,在.NET Framework 2.0版本中,工具箱中是没有AJAX Extensions控件的.而.NET Framework 3.5版本中集成了AJAX. ASP.NET AJAX包括三部分: ①一个扩展客户端JavaScript功能的客户端库或框架: ②一个允许ASP.

  • java采用中文方式显示时间的方法

    本文实例讲述了java采用中文方式显示时间的方法.分享给大家供大家参考.具体如下: 其中t为秒,比如有时候需要计算两个任务相差多久,或者该任务何时结束或者某个任务间隔多久重新启动等适用于本方法.如果是微秒,自己先/1000 private static String chinese_period(int t){ int y, n, d, h, m, s; String time; if(t<=0) return "立即"; s = t % 60; t /= 60; m = t %

  • js实现在网页上简单显示时间的方法

    本文实例讲述了js实现在网页上简单显示时间的方法.分享给大家供大家参考.具体如下: 这是一款网页时钟JS代码,纯javascript实现,显示时.分.秒.网页时间显示.网页时钟有很多,这个真的挺简易的,美工好的朋友可在此基础上进一步美化完善 复制代码 代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-tr

  • JS实现浏览器状态栏显示时间的方法

    本文实例讲述了JS实现浏览器状态栏显示时间的方法.分享给大家供大家参考,具体如下: 以前做个人主页的时候,总喜欢把自己的网页搞的很个性,在网上做跑马灯文字,在状态栏显示问候语,或者在状态栏添加时间显示,本代码就是实现了状态栏显示当前时间的物资,火狐没测度,IE下效果完美. 运行效果截图如下: 在线演示地址如下: http://demo.jb51.net/js/2015/js-status-bar-show-time-demo/ 具体代码如下: <!DOCTYPE HTML PUBLIC "

  • pyqt5 使用label控件实时显示时间的实例

    如下所示: import sys from PyQt5 import QtGui, QtCore, QtWidgets from PyQt5.QtWidgets import * from PyQt5.QtCore import * from PyQt5.QtGui import * class showTime(QDialog): def __init__(self): super(showTime, self).__init__() self.resize(500, 400) self.se

  • 比较简洁的JavaScript 实时显示时间的脚本 修正版

    JavaScript显示时间,时间还在走动着!不是一个静态的效果! function Time() 定义一个函数.  { if (!document.layers&&!document.all)  return 由于IE与Netscape对JavaScript的解释不同,造成浏览的效果不同,所以要分别写代码.这句话判断一下用户所使用的浏览器,如果两者都不是,就返回.  var timer=new Date() 定义一个新的变量,名字为timer,为一个新的Date的对象.  var hou

  • ASP.NET中实时图表的实现方法分享

    在对大批量的数据进行分析比较时,最常用也是最直观明了的表现方法莫过于绘制趋势图表.一般情况下,我们利用EXCEL制作各种类型的趋势图表,但它们都是基于静态数据的,即数据是事先整理好的而不 是动态生成的.如果在网上发布,只能将绘制好的图表以静态GIF图像发布,这无法从根本上满足不同用户对不同数据的需求. ASP擅长服务器端的Web编程,操作后台数据库更是它的强项.但是用ASP制作实时数据库图表有点困难,因为ASP本身并不支持图表功能,只能借助第三方控件进行开发,如VB的MSChart控件.微软推出

  • asp Response.flush 实时显示进度

    写程序的人在编写由asp页面生成静态页面html的时候,如果同时生成大量页面,一定遇到过浏览器下方的进度条上显示着3%,6%,10%等缓慢增长的漫长等待过程.在这个等待过程中,你不知道页面已经生成到哪一条记录,只能大眼瞪小眼的等. 如果你知道Response.Flush和Response.Clear,那你就可以不用这样的等待了.每生成一个Html页面,就用Response.write立即返回一条信息,提示该条数据库记录已经生成Html. 这样,在同时生成大量页面的时候,你就不再是孤独的望着一片空

  • 一个php+js实时显示时间问题

    我们先来看下这段代码 $(function(){ setInterval(function(){ var timer = '<?php echo date("Y-m-d H:i:s",time()) ?>'; $("#test").append(timer); },500); }); 这段代码哪里有问题,为啥网页加载后网页一直是那个时间不会变呢?php和js的加载机制有啥不同? 这样是不对的,php代码在输出前被解释,浏览器收到的代码应该是这个样子的 $

随机推荐