.net动态显示当前时间(客户端javascript)
个人感觉完全为了Ajax而Ajax就不好了！JavaScript在客户端处理不是更理想吗?
代码如下:
function Timer(span)
{
var tmp = new Date();
var milsecs=Date.parse(tmp.getMonth()+"-"+tmp.getDay()+"-"+tmp.getFullYear()+" "+document.getElementById('lbl_Hour').innerText+":"+document.getElementById('lbl_Minute').innerText+":"+document.getElementById('lbl_Second').innerText);
var timer = new Date(milsecs+span);
var seconds,minutes,hours,date;
if(timer.getSeconds()<10)
seconds = "0"+timer.getSeconds();
else
seconds = timer.getSeconds();
if(timer.getMinutes()<10)
minutes = "0"+timer.getMinutes();
else
minutes = timer.getMinutes();
if(timer.getHours()<10)
hours = "0"+timer.getHours();
else
hours = timer.getHours();
date=timer.getDate();
document.getElementById('lbl_Second').innerText = seconds;
document.getElementById('lbl_Minute').innerText = minutes;
document.getElementById('lbl_Hour').innerText = hours;
}
//得到服务器时间每隔updatespan分钟校验一次，每秒更新一次本地时钟
function GetServerTime(updatespan)
{
var clientspan = 1*1000;
//更新本地时钟
setInterval("Timer("+clientspan+")",clientspan);
//同步服务器时钟
setInterval("window.location.href='当前URL'", updatespan);
}
相关推荐
-
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
-
纯JS实现动态时间显示代码
复制代码 代码如下: <html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>无标题文档</title> <script language="javascript">
-
基于javascript实现动态显示当前系统时间
本文实例讲解了javascript实现动态显示当前系统时间的详细代码,具体内容如下 (1)时间日期信息,应该在一个<div>中来显示 (2)定时器:每隔一秒再次访问系统时间,window对象的setTimeout() (3)时钟显示的时机(事件):当网页加载完成后才显示,事件onload (4)如何将 时间日期信息 写入到指定的<div>中,DOM对象中的innerHTML属性 效果图: 具体代码: <html> <head> <meta http-e
-
JS动态日期时间的获取方法
由于代码比较简单,小编就不再讲解,看代码就明白了,直接把实例帖出来. <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>实时时间</title> <script type="text/javascript"> var slidint; function newTimer() { stopit(); var today; today = new
-
JS动态获取当前时间,并写到特定的区域
复制代码 代码如下: <%@ page language="java" import="java.util.*" pageEncoding="utf-8"%> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <script type="text/jav
-
js显示动态时间的方法详解
本文实例讲述了js显示动态时间的方法.分享给大家供大家参考,具体如下: Date对象的方法 Date 对象能够使你获得相对于国际标准时间(格林威治标准时间,现在被称为 UTC-Universal Coordinated Time)或者是 Flash 播放器正运行的操作系统的时间和日期.要使用Date对象的方法,你就必须先创建一个Date对象的实体(Instance). Date 对象必须使用 Flash 5 或以后版本的播放器. Date 对象的方法并不是静态的,但是在使用时却可以应用于所指定的
-
javascript页面动态显示时间变化示例代码
复制代码 代码如下: <html> <head> <title></title> <script> function getDateDemo(){ /* //声明时间 var date = new Date(); alert(date);//当前时间 alert(date.toLocaleString());//转化为本地时间 alert(date.getFullYear());//显示年份 alert(date.getMonth() + 1);
-
Java从服务器上获取时间动态显示在jsp页面实现思路
Java获取服务器时间,动态显示到jsp页面,大家都是到Java只能获取一次,到页面的时间是静态的,不过通过js和Java的合作,巧妙地实现此功能. 本人是给电视做系统,客户要求页面能显示时间,因为电视浏览器获取的时间不对,没办法只能从服务器获取时间,但是问题来了,服务器的时间获取一次就成静态的了,客户不满意,但也没办法,只能这样.不过这个问题在我这老惦记着,今天看到有个例子,说把Java获取服务器的时间转化成毫秒,然后用js每一秒刷新一次就可以动态显示,所以就有了下面的 复制代码 代码如下:
-
html+js实现动态显示本地时间
复制代码 代码如下: <span style="font-size:18px"><html> <span style="white-space:pre"> </span><body> <span style="white-space:pre"> </span> <script language = javascript> <span style=
-
纯js实现动态时间显示
本文实例为大家分享了js动态时间显示 的具体代码,供大家参考,具体内容如下 <!doctype html> <html> <head> <meta charset="utf-8"> <title>js动态时间显示 </title> </head> <body id = "show"> <script> function run(){ var time = ne