<html>
<head>
<meta
http-equiv="Content-Type"
content="text/html
charset=utf-8"
/>
<script
type="text/javascript"
src="/jquery/1.7.0/jquery.min.js"></script>
<script
type="text/javascript">
function
currentTime(){
var
d=new
Date(),str=''
str+=d.getFullYear()+'年'
str+=d.getMonth()
+
1+'月'
str+=d.getDate()+'日'
str+=d.getHours()+'时'
str+=d.getMinutes()+'分'
str+=
d.getSeconds()+'秒'
return
str
}
setInterval(function(){$('#time').html(currentTime)},1000)
</script>
</head>
<body>
<div
id="time"></div>
</body>
</html>
在网页上及时动态显示当前的日期时间并显示星期的做法:
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)
}
关于这方面的内容网上很多,有js获取当前日期时间同时显示星期,js获取当前时间和一星期钱的时间等内容,都很具有参考价值,希望大家多阅读类似文章,将类似方法熟练掌握。
系统时间一般是值服务端时间,js获取服务端时间的方法是直接用ajax获取。1、编写显示时间的页面:
<html>
<head>
<meta http-equiv="Content-Type" content="text/htmlcharset=utf-8" />
<title>Server date/time</title>
<script language="javascript" src="serverDate.js"></script>
</head>
<script language="javascript">
var localTime = new Date()
document.write("Local machine time is: " + localTime + "<br>")
document.write("Server time is: " + date)
</script>
<body>
</body>
2、ajax脚本获取server的时间
var xmlHttp
function srvTime(){
try {
//创建xmlHttp对象
xmlHttp = new XMLHttpRequest()
}
catch (err1) {
//ie浏览器
try {
xmlHttp = new ActiveXObject('Msxml2.XMLHTTP')
}
catch (err2) {
try {
xmlHttp = new ActiveXObject('Microsoft.XMLHTTP')
}
catch (eerr3) {
//ajax不支持
alert("AJAX not supported")
}
}
}
//打开xmlHttp请求
xmlHttp.open('HEAD',window.location.href.toString(),false)
//设置xmlHttp请求头
xmlHttp.setRequestHeader("Content-Type", "text/html")
//发送请求
xmlHttp.send('')
// 获取response中的Date参数
return xmlHttp.getResponseHeader("Date")
}
var st = srvTime()//服务器时间赋值给st变量
var date = new Date(st)//转换js的date对象
// 输出服务器时间
document.write("服务器时间: " + date)
JS获取的是本地电脑的日期时间格式,每个人电脑设置不一样,不一定都是24小时时间格式的。不过你可以用JS代码写输出成24小时时间格式。代码如下:当前时间为:<span id="now"></span>
<script type="text/javascript">
//动态显示年月日时间和周几【凌陈亮(QQ:57404811)】
//显示当前时间的对象ID
gw_now('now')
function gw_now(id){
var obj=window.document.getElementById(id)
var date=new Date()
var year=date.getFullYear()
var month=gw_now_addzero(date.getMonth()+1)
var day=gw_now_addzero(date.getDate())
var hour=gw_now_addzero(date.getHours())
var minute=gw_now_addzero(date.getMinutes())
var second=gw_now_addzero(date.getSeconds())
switch (date.getDay()) {
case 0:week="星期天"break
case 1:week="星期一"break
case 2:week="星期二"break
case 3:week="星期三"break
case 4:week="星期四"break
case 5:week="星期五"break
case 6:week="星期六"break
}
obj.innerHTML=year + "-" + month + "-" + day + " " + hour + ":" + minute + ":" + second + " " + week
setTimeout("gw_now('" + id + "')",1000)
}
function gw_now_addzero(temp){
if(temp<10) return "0" + temp
else return temp
}
</script>