在网页中动态的显示日期时间，一般都是使用js来实现
<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="#33FFFF"><span id="nowDateTimeSpan"></span></font>
</body>
</html>
附上“倒计时”功能代码：
<p id="p">距离2013/01/01年还剩000天0000时0000分0000秒</p><script type="text/javascript">
function setTimer(){
var targetDate = document.getElementById("target").value
var taget = new Date(targetDate)
var now = new Date()
var plus = taget.getTime() - now.getTime()<!--得到的是毫秒-->
var day = parseInt(plus/1000/60/60/24)
var hour = parseInt(plus/1000/60/60) - day * 24
var minute = parseInt(plus/1000/60) - parseInt(plus/1000/60/60)*60
var second = parseInt(plus/1000) - parseInt(plus/1000/60)*60
document.getElementById("p").innerHTML = "距离"+targetDate+"还剩" + day + "天" + hour + "时" + minute + "分" + second + "秒"
}
setInterval(setTimer,1000)
</script>
可以在html页面内使用JavaScript语句来获取当前日期。最简单的方法是使用{strTime = new Date()}来获取当前日期。
PS：上述语句虽然简单，但是有兼容性问题。相对复杂，但是兼容性好的方法是使用getFullYear、getMonth、getDay语句获取时间。
使用{strTime = new Date()}获取当前日期：
<script langauge='javascript'>function clock()
{
strTime = new Date()
}
</script>
使用getFullYear、getMonth、getDay语句获取当前日期：
时间js代码：Clock.js文件function Clock() {
var date = new Date()
this.year = date.getFullYear()
this.month = date.getMonth() + 1
this.date = date.getDate()
this.day = new Array("星期日", "星期一", "星期二", "星期三", "星期四", "星期五", "星期六")[date.getDay()]
this.hour = date.getHours() <10 ? "0" + date.getHours() : date.getHours()
this.minute = date.getMinutes() <10 ? "0" + date.getMinutes() : date.getMinutes()
this.second = date.getSeconds() <10 ? "0" + date.getSeconds() : date.getSeconds()
this.toString = function() {
return this.year + "年" + this.month + "月" + this.date + "日 " + this.hour + ":" + this.minute + ":" + this.second + " " + this.day
}
this.toSimpleDate = function() {
return this.year + "-" + this.month + "-" + this.date
}
this.toDetailDate = function() {
return this.year + "-" + this.month + "-" + this.date + " " + this.hour + ":" + this.minute + ":" + this.second
}
this.display = function(ele) {
var clock = new Clock()
ele.innerHTML = clock.toString()
window.setTimeout(function() {clock.display(ele)}, 1000)
}
}
需要显示时间的页面
<SCRIPT src="js/Clock.js" type=text/javascript></SCRIPT> //引入Clock.js文件，注意路径
<label id=clock></label> //放入标签，插入时间
<SCRIPT type=text/javascript> //实例化clock对象
var clock = new Clock()
clock.display(document.getElementById("clock"))
</SCRIPT>
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）