藉助javaScript實現時間動態顯示
<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;
}
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("distanceTimeP").innerHTML = "距離"+targetDate+"還剩" + day + "天" + hour + "時" + minute + "分" + second + "秒";
}
setInterval(setTimer,1000);
</script>
</head>
<body onload="startTime()">
<center>
當前時間:<font color="red"><span id="nowDateTimeSpan"></span></font><br>
目標時間:<input type="text" id="target" value="2020/01/01"/>
<font color="green"><p id="distanceTimeP"></p></font>
</center>
</body>
</html>