游客:
注册
|
登录
|
会员
|
搜索
|
统计
|
帮助
无忧脚本
»
JavaScript & VBScript & DHTML 脚本技术讨论版
» 纯JS的基于静态站点服务器时间 [无依赖] 的倒计时程序(Ajax应用)
‹‹ 上一主题
|
下一主题 ››
投票
交易
悬赏
活动
打印
|
推荐
|
订阅
|
收藏
标题:
[原创]
纯JS的基于静态站点服务器时间 [无依赖] 的倒计时程序(Ajax应用)
客服果果
版主
山寨版主
UID 94039
精华
8
积分 2477
帖子 676
威望 1016
阅读权限 100
注册 2008-11-18
状态 离线
#1
大
中
小
使用道具
发表于 2008-12-14 22:09
资料
个人空间
短消息
加为好友
纯JS的基于静态站点服务器时间 [无依赖] 的倒计时程序(Ajax应用)
<style> table{ border-collapse:collapse; border:2px solid outset; background:#F0EFE2; padding:10px; font-size:14px;font-family:Arial; } img{vertical-align:middle;margin:0px;} #ad{ background:#016CA4;} th{ background:#35528E url([img]http://www.dhooo.com/web/images/caption.jpg[/img]) repeat-y 100% 0; color:#fff;padding:10px; margin:1px; } #web,#locale{ border:2px solid inset;background:#000; color: #00FFFF;font-weight:bold; } #diff{color:red} </style> <body> <table border=0 cellspacing="3" cellpadding="5" align=center> <th colspan='4' align="left"><div> <span style="color:#FFCC33">◆ </span>爱无忧,爱果果,爱JavaScript</div></caption> <tr><td colspan='4' id="ad" align=right><img src="http://img.alimama.cn/a/2008-10-26/109733430002081026005231.gif" align=right></td></tr> <tr><td rowspan='4' style="width:10px;overflow:hidden;backgound:url()"> <img src="http://bbs.51js.com/images/avatars/16.gif" border=0 align=right></td> <td><img src="http://bbs.51js.com/images/smilies/time.gif" /> 无忧服务器的时间:</td><td id='web'><div>loading...</div></td></tr> <tr><td><img src="http://bbs.51js.com/images/smilies/time.gif" /> 大哥您本地的时间:</td><td id="locale">loading...</td></tr> <tr><td>离2010年还有</td><td id="ooxx"> </td></tr> <tr><td>伪标准时差</td><td id="diff"> </td></tr> </table> </body> <script type="text/javascript"> $=function (id){return document.getElementById(id)} if(document.all){ window.XMLHttpRequest=function(){ var $=['Microsoft.XMLHTTP','Msxml2.XMLHTTP']; for(var i=0;i<$.length;i++){try{return new ActiveXObject($[i])}catch(e){}}; }; } webDate=function(fn){ var QQ=new XMLHttpRequest(); QQ.onreadystatechange=function(){QQ.readyState==4&&(fn(new Date(QQ.getResponseHeader('Date'))))}; QQ.open('HEAD', '/?_='+(-new Date)); QQ.send(null); } window.time=new Date(); targetTime=new Date('2010/1/1'); time2String=function (t){ with(t)return [getFullYear(),'年' ,('0'+(getMonth()+1)).slice(-2),'月' ,('0'+getDate()).slice(-2),'日 ' ,('0'+getHours()).slice(-2),': ' ,('0'+getMinutes()).slice(-2),': ' ,('0'+getSeconds()).slice(-2)].join('') } int2time=function (m){ m-=(D=parseInt(m/86400000))*86400000; m-=(H=parseInt(m/3600000))*3600000; S=parseInt((m-=(M=parseInt(m/60000))*60000)/1000); return D+'天'+H+'小时'+M+'分'+S+'秒' } setInterval(function (){ webDate(function (webTime){ $('web').innerHTML=time2String(time=webTime); }) $('locale').innerHTML=time2String(new Date); $('diff').innerHTML=Math.abs(new Date()-time-1000)+'毫秒' $('ooxx').innerHTML=int2time(targetTime-time); },1000) </script> </html>
提示:您可以先修改部分代码再运行
回一个朋友的贴子
参考时间为服务器时间;
您可以更改本地时间看到区别;
JS技术Q群 I:27521907
Q群II: 48304499
[
本帖最后由 客服果果 于 2009-6-21 22:06 编辑
]
本帖最近评分记录
风云舞
2008-12-15 00:11
威望
+10
虽简,但以往难以实现
如果有一天时光都走远
岁月改变青春的脸
你还会不会 在我的身边
细数昨日的缠绵
los
霸王龙
UID 81082
精华 0
积分 2529
帖子 966
威望 865
阅读权限 70
注册 2007-12-28
状态 离线
#2
大
中
小
使用道具
发表于 2008-12-14 22:42
资料
个人空间
短消息
加为好友
真的是超级强大,崇拜中……
回到以前自由自在的生活中~~~
野草
霸王龙
UID 36208
精华 0
积分 1460
帖子 859
威望 867
阅读权限 70
注册 2005-8-29
来自 延吉
状态 离线
#3
大
中
小
使用道具
发表于 2008-12-14 23:04
资料
个人空间
短消息
加为好友
chrome下不好使。。。。
http://jinzhe.net
monfs
小恐龙
UID 54198
精华 0
积分 490
帖子 198
威望 199
阅读权限 30
注册 2006-7-10
状态 离线
#4
大
中
小
使用道具
发表于 2008-12-14 23:34
资料
个人空间
短消息
加为好友
果果又开始捣蛋了!支持
收藏夹
大恐龙
UID 82535
精华 0
积分 904
帖子 278
威望 259
阅读权限 50
注册 2008-2-1
状态 离线
#5
大
中
小
使用道具
发表于 2008-12-14 23:41
资料
个人空间
短消息
加为好友
变量可以用中文? 能否做函数名?
客服果果
版主
山寨版主
UID 94039
精华
8
积分 2477
帖子 676
威望 1016
阅读权限 100
注册 2008-11-18
状态 离线
#6
大
中
小
使用道具
发表于 2008-12-15 00:04
资料
个人空间
短消息
加为好友
棉花糖 :)
QUOTE:
原帖由
野草
于 2008-12-14 23:04 发表
chrome下不好使。。。。
chrome 不支持中文变量名,先BS一下
如果有一天时光都走远
岁月改变青春的脸
你还会不会 在我的身边
细数昨日的缠绵
风云舞
(风云舞)
霸王龙
到处玩
UID 1601
精华
16
积分 2971
帖子 1309
威望 1763
阅读权限 70
注册 2003-4-5
来自 山东省
状态 离线
#7
大
中
小
使用道具
发表于 2008-12-15 00:10
资料
个人空间
短消息
加为好友
这个真好,虽简单,但含金量高(主要直这个频繁与同步),代码收藏了,研究会去,看看老外的AJAX到底怎么样,冒泡完毕.睡觉,晚安各位NB的深夜猛男,嘿嘿
[
本帖最后由 风云舞 于 2008-12-15 00:15 编辑
]
嘿嘿, 飘飘的的来也。
winter
超级版主
5毛发一贴,千里不留行。
UID 65747
精华
11
积分 7671
帖子 3394
威望 3364
阅读权限 150
注册 2007-2-27
状态 离线
#8
大
中
小
使用道具
发表于 2008-12-15 00:18
资料
个人空间
短消息
加为好友
不错 但是分秒貌似是反的? 看半天才反应过来
我的blog
mfkiqpl
爬虫
UID 18498
精华 0
积分 113
帖子 33
威望 58
阅读权限 20
注册 2004-10-22
状态 离线
#9
大
中
小
使用道具
发表于 2008-12-15 00:23
资料
个人空间
短消息
加为好友
时间显示格式怎么是:时-秒-分 ?
客服果果
版主
山寨版主
UID 94039
精华
8
积分 2477
帖子 676
威望 1016
阅读权限 100
注册 2008-11-18
状态 离线
#10
大
中
小
使用道具
发表于 2008-12-15 00:28
资料
个人空间
短消息
加为好友
QUOTE:
原帖由
winter
于 2008-12-15 00:18 发表
不错 但是分秒貌似是反的? 看半天才反应过来
搞错, 面壁三分钟
如果有一天时光都走远
岁月改变青春的脸
你还会不会 在我的身边
细数昨日的缠绵
ceb
小恐龙
UID 64443
精华 0
积分 317
帖子 87
威望 90
阅读权限 30
注册 2007-1-19
状态 离线
#11
大
中
小
使用道具
发表于 2008-12-15 00:35
资料
个人空间
短消息
加为好友
:L
西门轩辕
(Ajaxer)
无忧元老
Ajaxer
UID 71066
精华 0
积分 3813
帖子 981
威望 805
阅读权限 90
注册 2007-6-4
来自 山东青岛
状态 离线
#12
大
中
小
使用道具
发表于 2008-12-15 07:51
资料
个人空间
主页
短消息
加为好友
呵呵、、、
思路就是一个定时读取是吧?
+++++++西门和老婆的Blog++++++++
7752468
小恐龙
UID 5087
精华 0
积分 252
帖子 104
威望 95
阅读权限 30
注册 2003-8-19
状态 离线
#13
大
中
小
使用道具
发表于 2008-12-15 09:53
资料
个人空间
短消息
加为好友
这个一直通过AJAX去服务器读取?会不会添加服务器的响应负担?
bigc2001
小恐龙
UID 76650
精华 0
积分 239
帖子 86
威望 86
阅读权限 30
注册 2007-9-29
状态 离线
#14
大
中
小
使用道具
发表于 2008-12-15 12:47
资料
个人空间
短消息
加为好友
收藏,请教:getResponseHeader 还有其它参数介绍?
twostone
爬虫
UID 59794
精华 0
积分 122
帖子 45
威望 40
阅读权限 20
注册 2006-11-18
状态 离线
#15
大
中
小
使用道具
发表于 2009-6-21 21:08
资料
个人空间
短消息
加为好友
有错也!
今日运行(2009.6.21)
显示为 2009年
52
月21日
客服果果
版主
山寨版主
UID 94039
精华
8
积分 2477
帖子 676
威望 1016
阅读权限 100
注册 2008-11-18
状态 离线
#16
大
中
小
使用道具
发表于 2009-6-21 22:04
资料
个人空间
短消息
加为好友
果然,哈哈
如果有一天时光都走远
岁月改变青春的脸
你还会不会 在我的身边
细数昨日的缠绵
freewind22
小恐龙
UID 84565
精华 0
积分 475
帖子 161
威望 194
阅读权限 30
注册 2008-3-27
状态 离线
#17
大
中
小
使用道具
发表于 2009-6-22 11:14
资料
个人空间
短消息
加为好友
很想知道果果你是男是女?
※潇洒※
超级版主
潇洒人生
UID 112
精华
4
积分 7911
帖子 5071
威望 5096
阅读权限 150
注册 2003-2-7
来自 China.Shenzhen
状态 离线
#18
大
中
小
使用道具
发表于 2009-6-23 10:24
资料
个人空间
主页
短消息
加为好友
佩服.... 利用的是服务器响应头信息.... 连后端程序都省了,而且效率也高。
http://0xs.cn
· 潇洒人生
Rimifon
(无名)
超级版主
新手上路
UID 11749
精华
3
积分 5946
帖子 3211
威望 3213
阅读权限 150
注册 2004-5-22
来自 湖南长沙
状态 离线
#19
大
中
小
使用道具
发表于 2009-6-24 06:43
资料
个人空间
主页
短消息
加为好友
这个……不停的向服务器获取时间貌似没必要,打开页面之后获取一次即可,计算出服务器与本地的时间差异,以后的时间都是用本地时间参照时间差计算出来的。
伪标准时差会一直递增,这个,是我电脑越跑越快了还是服务器越跑越慢了
[
本帖最后由 Rimifon 于 2009-6-24 06:51 编辑
]
風雲工作室
=========
广告位招租(做在老百姓眼皮底下的广告)
wangjianbo
(星期六的黄昏)
大恐龙
UID 79170
精华 0
积分 963
帖子 449
威望 441
阅读权限 50
注册 2007-11-20
状态 离线
#20
大
中
小
使用道具
发表于 2009-6-24 09:21
资料
个人空间
短消息
加为好友
果然是利用header,够绝的,可就是苦了服务器了为了获取个时间要请求那么多次
投票
交易
悬赏
活动
最近访问的论坛 ...
ASP & Access & SQL Server 后台编程讨论版
无忧脚本
无忧脚本技术讨论区
> 原创文章 & 讨论汇总版
> Html & XHtml & CSS 网页制作讨论版
> JavaScript & VBScript & DHTML 脚本技术讨论版
> XML & XSL & XPath & VML 网页技术讨论版
> ASP & Access & SQL Server 后台编程讨论版
> PHP & MySQL 后台编程讨论版
> JSP & Java & J2SE 后台编程讨论版
> .Net 相关技术讨论版
> Web 服务器技术
> Flex & Flash 技术讨论版
> Web UI & 图形技术讨论版
无忧脚本资源服务区
> 经典代码、教程资源库
> 参考手册、常用软件资源库
> 无忧合租服务器讨论版
无忧脚本休闲区
> 休闲留言板
> 招聘求职、网站推荐、广告信息版
> 无忧站务管理版
> 垃圾帖回收站
控制面板首页
编辑个人资料
积分交易
公众用户组
好友列表
升级个人空间
基本概况
流量统计
客户软件
发帖量记录
论坛排行
主题排行
发帖排行
积分排行
在线时间
管理团队
当前时区 GMT+8, 现在时间是 2010-9-3 23:50
苏ICP备05080427号
Powered by
Discuz!
5.5.0
© 2001-2007
51JS.COM
Processed in 1.188627 second(s), 9 queries , Gzip enabled
TOP
清除 Cookies
-
联系我们
-
无忧脚本
-
Archiver