[CSS/JS]如何用HTML在网页中显示动态的精准日期时间-第1张

在网页中动态的显示日期时间，一般都是使用js来实现，很简单，一看就会。

将以下代码新建html文件或者添加到你的文件内：

<html>
<head>
<title>网页中动态的显示系统日期时间</title>
<script language="JavaScript">
function startTime()
{
var today=new Date();//定义日期对象
var yyyy = today.getFullYear();//通过日期对象的getFullYear()方法返回年
var MM = today.getMonth()+1;//通过日期对象的getMonth()方法返回年
var dd = today.getDate();//通过日期对象的getDate()方法返回年
var hh=today.getHours();//通过日期对象的getHours方法返回小时
var mm=today.getMinutes();//通过日期对象的getMinutes方法返回分钟
var ss=today.getSeconds();//通过日期对象的getSeconds方法返回秒
// 如果分钟或小时的值小于10，则在其值前加0，比如如果时间是下午3点20分9秒的话，则显示15：20：09
MM=checkTime(MM);
dd=checkTime(dd);
mm=checkTime(mm);
ss=checkTime(ss);
var day; //用于保存星期（getDay()方法得到星期编号）
if(today.getDay()==0)   day   =   "星期日 "
if(today.getDay()==1)   day   =   "星期一 "
if(today.getDay()==2)   day   =   "星期二 "
if(today.getDay()==3)   day   =   "星期三 "
if(today.getDay()==4)   day   =   "星期四 "
if(today.getDay()==5)   day   =   "星期五 "
if(today.getDay()==6)   day   =   "星期六 "
document.getElementById('nowDateTimeSpan').innerHTML=yyyy+"-"+MM +"-"+ dd +" " + hh+":"+mm+":"+ss+"   " + day;
setTimeout('startTime()',1000);//每一秒中重新加载startTime()方法
}

function checkTime(i)
{
if (i<10){
i="0" + i;
}
return i;
}
</script>
</head>
<body onload="startTime()">
当前时间：<font color="#0000"><span id="nowDateTimeSpan"></span></font>
</body>
</html>
声明：本站文章原创有部分资源来源于网络，如无特殊说明或标注。任何个人或组织，在未征得本站同意时，禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益，可联系 admin@liitk.com 进行删除处理！。