（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程序设计有所帮助。
网页中动态显示当前日期和时间是使用了js程序，方法如下：
将一下程序插入页面
<script language=Javascript>
function time(){
//获得显示时间的div
t_div = document.getElementById('showtime')
var now=new Date()
//替换div内容
t_div.innerHTML = "现在是"+now.getFullYear()
+"年"+(now.getMonth()+1)+"月"+now.getDate()
+"日"+now.getHours()+"时"+now.getMinutes()
+"分"+now.getSeconds()+"秒"
//等待一秒钟后调用time方法，由于settimeout在time方法内，所以可以无限调用
setTimeout(time,1000)
}
</script>
修改<body>为<body onload="time()">以便js程序加载运行
插入<div id="showtime"></div>用以显示日期时间的容器。
这里我有段代码，但是必须在body属性里设置onload我只想在li属性里显示，也就是菜单里
<script language="javascript" type="text/javascript">
var initializationTime=(new Date()).getTime()
function showLeftTime()
{
var now=new Date()
var hours=now.getHours()
var minutes=now.getMinutes()
var seconds=now.getSeconds()
document.all.show.innerHTML=hours+":"+minutes+":"+seconds
var timeID=setTimeout(showLeftTime,1000)
}
</script>
</head>
<body onload="showLeftTime()">
<span id="show"></span>
</body>
