<html>
<head>
<meta http-equiv="Content-Type" content="text/html charset=utf-8"/> </head>
<body >
<script language="javascript">
var cur = new Date()
var y = cur.getFullYear()
var m = cur.getMonth()+1
var d = cur.getDate()
document.write("当前时间显示:"+y+" 年"+m+"月"+d+"日")
</script>
</body>
</html>
效果就是这样了!很简单的!
希望能帮助到你,望采纳!
系统时间一般是值服务端时间,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)
本文实例讲解了javascript实现动态显示当前系统时间的详细代码,具体内容如下(1)时间日期信息,应该在一个<div>中来显示
(2)定时器:每隔一秒再次访问系统时间,window对象的setTimeout()
(3)时钟显示的时机(事件):当网页加载完成后才显示,事件onload
(4)如何将
时间日期信息
写入到指定的<div>中,DOM对象中的innerHTML属性
效果图:
具体代码:
<html>
<head>
<meta
http-equiv="Content-Type"
content="text/html
charset=gb2312"
/>
<title>无标题文档</title>
<script
type="text/javascript">
//定义函数:构建要显示的时间日期字符串
function
showTime()
{
//创建Date对象
var
today
=
new
Date()
//分别取出年、月、日、时、分、秒
var
year
=
today.getFullYear()
var
month
=
today.getMonth()+1
var
day
=
today.getDate()
var
hours
=
today.getHours()
var
minutes
=
today.getMinutes()
var
seconds
=
today.getSeconds()
//如果是单个数,则前面补0
month
=
month<10
?
"0"+month
:
month
day
=
day
<10
?
"0"+day
:
day
hours
=
hours<10
?
"0"+hours
:
hours
minutes
=
minutes<10
?
"0"+minutes
:
minutes
seconds
=
seconds<10
?
"0"+seconds
:
seconds
//构建要输出的字符串
var
str
=
year+"年"+month+"月"+day+"日
"+hours+":"+minutes+":"+seconds
//获取id=result的对象
var
obj
=
document.getElementById("result")
//将str的内容写入到id=result的<div>中去
obj.innerHTML
=
str
//延时器
window.setTimeout("showTime()",1000)
}
</script>
<style
type="text/css">
#result{
width:500px
border:1px
solid
#CCCCCC
background:#FFFFCC
margin:50px
auto
font-size:24px
color:#FF0000
padding:20px
}
</style>
</head>
<body
onload="showTime()">
<div
id="result"></div>
</body>
</html>
希望本文所述对大家的javascript程序设计有所帮助。