Javascript动态获取当前日期、时间、星期的代码
来源：自学PHP网
时间：2014-09-19 14:47 作者：
阅读:次
[导读] 本文章来给各位同学总结了一些常用的Javascript动态获取当前日期、时间、星期的代码，各位朋友不防进入参考。...
|
直接复制代码片段，粘贴到要显示的html结构中（<span>粘贴到此处</span>）
获取格式：年、月、日
| 代码如下 |
复制代码 |
|
var date = new Date();
var year = date.getFullYear();
var month = date.getMonth()+1;
var day = date.getDate();
document.write("今天是"+year+"年"+month+"月"+day+"日");
|
获取格式：年、月、日、时、分
| 代码如下 |
复制代码 |
|
var date = new Date();
var year = date.getFullYear();
var month = date.getMonth()+1;
var day = date.getDate();
var hours = date.getHours();
var min = date.getMinutes();
document.write("今天是"+year+"年"+month+"月"+day+"日"+hours+":"+min);
|
获取格式：年、月、日、星期
| 代码如下 |
复制代码 |
|
var date = new Date();
var year = date.getFullYear();
var month = date.getMonth()+1;
var day = date.getDate();
var xingqi = date.getDay();
switch(xingqi){
case 0:
xingqi = "日";
break;
case 1:
xingqi = "一";
break;
case 2:
xingqi = "二";
break;
case 3:
xingqi = "三";
break;
case 4:
xingqi = "四";
break;
case 5:
xingqi = "五";
break;
case 6:
xingqi = "六";
break;
}
document.write("今天是"+year+"年"+month+"月"+day+"日"+"星期"+xingqi);
|
写成了一个函数
| 代码如下 |
复制代码 |
|
function showTime(){
var show_day=new Array('星期一','星期二','星期三','星期四','星期五','星期六','星期日');
var time=new Date();
var year=time.getYear();
var month=time.getMonth();
var date=time.getDate();
var day=time.getDay();
var hour=time.getHours();
var minutes=time.getMinutes();
var second=time.getSeconds();
month<10?month='0'+month:month;
month=month+1;
hour<10?hour='0'+hour:hour;
minutes<10?minutes='0'+minutes:minutes;
second<10?second='0'+second:second;
var now_time='当前时间：'+year+'年'+month+'月'+date+'日'+' '+show_day[day-1]+' '+hour+':'+minutes+':'+second;
document.getElementById('showtime').innerHTML=now_time;
setTimeout("showTime();",1000);
}
|
上面实例的全部都是获取客户端的如果要获取服务器端我们可利用ajax来实例
名称：服务器 时钟（一次读取，实时显示）
功能 ：在客户端浏览器 上显示服务器端的时间 。
原理：
1. 获取 服务端的日期时间。
2. 根据客户端浏览器的时间可以得到服务器和客户端的时间差。
3. 服务器的时钟 = 客户端的时钟（变化值）+ 时间差（固定值）
| 代码如下 |
复制代码 |
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<title></title>
</head>
<body>
当前时间：<div id="time"></div>
<script>
var XmlHttp = new ActiveXObject("Microsoft.XmlHttp");//创建XMLHTTP对象
XmlHttp.open("HEAD","http://www.111cn.net",false); //从哪个服务器上获取时间
XmlHttp.send(); //连接服务器
var offset = Date.parse(XmlHttp.getResponseHeader("Date"));//获取标头中的时间
offset -= (new Date).getTime(); //获取本地时间与服务器时间的间隔
function ShowTime() //显示时间的方法
{
var d = new Date; //获取当前时间
d.setTime(d.getTime()+offset); //通过服务器和本地的时间间隔获取当前服务器时间
document.getElementById('time').innerHTML=d.toLocaleString();//显示服务器时间
}
setInterval("ShowTime()", "1000");
</script>
</body>
</html> |
|
