JavaScript显示日期和时间
原帖:要动态显示年月日星期和时间的,时间要有秒的,能看到一秒一秒在走。
显示时间,要用JavaScript的内置Date对象。tzboy给出了如下的代码:
<script type="text/javascript">
function show(){
var aa=new Date();
bb=aa.getYear()+"年"+(aa.getMonth()+1)+"月"+aa.getDate()+"日\r"; bb+="星期"+'日一二三四五六'.charAt(aa.getDay())+"\r"+aa.getHours()+"时"; bb+=aa.getMinutes()+"分"+aa.getSeconds()+"秒";
document.all.cc.innerHTML=bb;
setTimeout("show()",1000)
}
</script>
<body onload=show()>
<div id=cc></div>
想法很简单,就是新建一个Date对象,使用get系列函数取得年月日等属性,并且使用字符串操作转换成中文的习惯显示方式显示在指定的位置。关键是最后一句,没一秒钟更新一次时间,即再创建一个新的Date对象,然后更新显示的时间。
Date对象有一些列to转换方法,其中的toLocaleString方法可以将Date对象转换为本地的时间表示形式。所以以上代码中的字符串操作就可以省略了。代码如下:
<script type="text/javascript">
function show(){
var curTime=new Date();
document.getElementById("test").innerHTML = curTime.toLocaleString();
setTimeout("show()",1000)
}
</script>
实际效果如下:
时间