需注意的是:要用到window对象的setTimeout()方法;
<!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=gb2312" />
<title>动态显示当前时间</title>
<style type="text/css">
input {
font-size: 40px;
color:#3300FF;
border-style:none
}
</style>
<script type="text/javascript">
function showTime()
{
var mydate = new Date();
var md = (mydate.getYear()+1900)+ "-";
//格式化输出日期和时间;
if(mydate.getMonth() < 9)
{
md +="0";
}
md += (mydate.getMonth()+1) + "-";
if(mydate.getDate() <= 9)
{
md +="0";
}
md += (mydate.getDate()) + " ";
if(mydate.getHours() <= 9)
{
md +="0";
}
md += (mydate.getHours()) + ":";
if(mydate.getMinutes() <= 9)
{
md +="0";
}
md += (mydate.getMinutes()) + ":";
if(mydate.getSeconds() <= 9)
{
md +="0";
}
md += (mydate.getSeconds()) ;
document.getElementById("myTime").value = md;
setTimeout("showTime()", 1000);
}
</script>
</head>
<body οnlοad="showTime()">
<p style="text-align:center"><input id="myTime" /></p>
</body>
</html>