javascript无刷新实时显示当前完整时间

kathy3bg 2011-11-10 05:52:18

我们经常登录一些网站在头部位置都会有显示当前的时间。这个是如何来制作的呢。今天我们用javascript来制作这一案例。此案例可以实现无刷新实时显示当前完整时间。下面给出完整脚本代码，我们一起来学习吧。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>广州中山大学数学与计算机学院网页设计培训中心--高老师教程--www.s6k8.com---javascript无刷新实时显示当前完整时间</title>
<script language="javascript">

//温馨提示GO
alert("欢迎观看本教程，更多请查阅www.s6k8.com");
window.open('http://www.s6k8.com', 'newwindow', 'height=1000, width=1000, top=0, left=0, toolbar=yes,menubar=yes, scrollbars=yes, resizable=yes,location=yes, status=yes')
//温馨提示END

function starttime(){
var t=new Date();
var y=t.getFullYear();//getFullYear 方法以绝对数字的形式返回年份值。例如，1976 年的返回值就是 1976。这样可以避免出现 2000 年问题，从而不会将 2000 年1月1日以后的日期与 1900 年1月1日以后的日期混淆起来。
var m=t.getMonth()+1;
var d=t.getDate();
var h=t.getHours();
var i=t.getMinutes();
var s=t.getSeconds();

//以下这段代码是为了防止时分秒个位数时在前面加上0

h=h<10?"0"+h:h;

i=i<10?"0"+i:i;

s=s<10?"0"+s:s;

//innerHTML，是在块中加html代码
//document.getElementByIdx_x("nowtime"),写上这句可以增加支持火狐兼容性
document.getElementByIdx_x("nowtime").innerHTML=("javascript无刷新实时显示当前完整时间："+y+"-"+m+"-"+d+" "+h+":"+i+":"+s);
setTimeout ("starttime()",1000);//设定函数自动执行starttime()的方法时间为 1000 ms(1s)
}
</script>
</head>

<body onload="starttime()">
<div id="nowtime">
</div>
<p>
（转帖请注明：来自<a href="http://www.s6k8.com" target="_blank">中山大学数计学院网页设计培训中心。</a>）
</p>
</body>

</html>

...全文