html让时间只展示年月日_如何用html写代码,使得在网页上显示当前的时间和日期...
展開全部
在網頁62616964757a686964616fe59b9ee7ad9431333363363537中動態的顯示日期時間,一般都是使用js來實現,很簡單,一看就會。
網頁中動態的顯示系統日期時間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;
}
當前時間:
附上“倒計時”功能代碼:
距離2013/01/01年還剩000天0000時0000分0000秒
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);
總結
以上是生活随笔為你收集整理的html让时间只展示年月日_如何用html写代码,使得在网页上显示当前的时间和日期...的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: h310电脑主板插线教程(h310主板电
- 下一篇: 小米8透明探索版(小米8透明探索版和ud