爱易网
IT新闻
IT新闻
爱易资讯
网站搭建
云虚拟主机教程
云服务器教程
Apache教程
IIS教程
Nginx教程
网站策划
站长文章
推广教程
淘宝客教程
网页设计
HTML教程
XHTML教程
CSS教程
HTML5教程
CSS3教程
JavaSript基础
JQuery教程
Node.js教程
前端技术
Ajax教程
Js特效
Xml教程
平面设计
页面UI设计
photoshop教程
程序开发
AI人工智能
Asp教程
Php教程
Asp.Net教程
Net Core教程
C#教程
Java教程
Jsp教程
开发技术
微信小程序教程
Uniapp开发教程
微信公众号开发
Andriod教程
IOS教程
DOS教程
Python教程
Docker教程
Windows Container教程
数据库
MSSQL教程
MySQL教程
Redis教程
Access教程
Oracle教程
数据库教程
操作系统
Linux教程
Windows教程
MAC教程
Cisco教程
交换机教程
防火墙教程
搜索
爱易网页
JavaSript
js获取本地时间、服务器时间、记时
js获取本地时间、服务器时间、记时
日期:2014-05-16 浏览次数:20372 次
js获取本地时间、服务器时间、倒计时
<!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" xml:lang="en" lang="en"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <title>untitled</title> <script type="text/javascript"> get=function (id){return document.getElementById(id)} if(document.all){ window.XMLHttpRequest=function(){ var get=['Microsoft.XMLHTTP','Msxml2.XMLHTTP']; for(var i=0;i<get.length;i++){try{return new ActiveXObject(get[i])}catch(e){}}; }; } webDate=function(fn){ var Htime=new XMLHttpRequest(); Htime.onreadystatechange=function(){Htime.readyState==4&&(fn(new Date(Htime.getResponseHeader('Date'))))}; Htime.open('HEAD', '/?_='+(-new Date)); Htime.send(null); } window.time=new Date(); targetTime=new Date(); 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){ get('web').innerHTML=time2String(time=webTime); }) get('locale').innerHTML=time2String(new Date); get('time').innerHTML=int2time(targetTime-time); if ((targetTime-time)<0) { get('time').innerHTML = 'Game Over'; } },1000) </script> </head> <body> 设定时间:2012年12月31日0时0分0秒<br /> 服务器时间:<span id='web'>loading...</span><br /> 本地时间:<span id="locale">loading...</span><br /> 倒计时时间:<span id="time">loading...</span> <script type="text/javascript" charset="utf-8"> targetTime=new Date(2012,12,31,00,00,00); </script> </body> </html>
上一篇: ssh如何知道删除实体成不成功
下一篇: javascript里怎么获取当前时间
免责声明:
本文仅代表作者个人观点,与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实,对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺,请读者仅作参考,并请自行核实相关内容。
相关资料
更多>
JSON基础知识小结
JS简易拖拽成效
javascript变量可以反复定义吗
Spring3 MVC 使用JSON进展前后台数据交互
javascript学习之对象承继
java使用Jsoup连接网站超时的解决办法 链接的时候设定超时时间即可。 doc = Jsoup.connect(url).timeout(5000).get()
Jsp基础个人学习提要
基于jspsmart.upload的图片下传
运用js在父子窗口间进行传值
推荐阅读
更多>
Js 三秒钟跳转页面
extjs4 循环替按钮添加事件,为什么所有的按钮事件都是一样的呢,新手求解答
核心 javascript 参考手册 (2)
关于js传参(数据类型)的有关问题,请高手帮助
JavaScript单线程的疑义与解答
JavaScript W3CSchool 学习札记
简略的Javascript 类
IE和Firefox的兼容有关问题之javascript
纯javascript,置百度自动补全
关于框架页面中不同域子页面间的相互访问,该怎么解决
运用js打开一个新窗口
javascript 往所有掉 事件
从JSP页面发送服务器请求到服务器回来JSON回应的过程
使用jQuery的$.get方法远程请求返回值有关问题。现在不能返回
关于java.lang.NullPointerException的异常
想做个网页,每天12点自动刷新一次,如何实现
JS写的简易年历显示指定日期在该年第几周星期几
ExtJs之GridPanel、FormPanel范例推荐 (转)
应用Jstat监控gc情况(收藏)
Jquery Ligerui LigerGrid 实现时间选择控件,不要日期的那种。哪位高手来解决,分数全送