在網頁中實時的顯示時間,不但可以給網頁添色,還可以方便瀏覽者掌握當前時間,為了提高網站的開發速度,可以把主代碼封裝在一個單獨的函數里面,在需要的時候直接調用而我為了演示,直接寫在了主頁面,方便大家觀看
最近有個網站頁面上要輸出當前時間,精確到時分秒,還要適時變化的。百度找了找,沒找到合適的,于是自己寫了個,收藏下,方便以后使用。
js 適時輸出當前的時間
- function CurentTime(divID){
- var curTime=new Array();
- var now=new Date();
- var week=['日','一','二','三','四','五','六'];
- var year=now.getFullYear(); //年
- var month=now.getMonth()+1; //月
- var day=now.getDate(); //日
- var hh=now.getHours(); //時
- var mm=now.getMinutes(); //分
- var sc=now.getSeconds(); //秒
- var wk=now.getDay(); //周
- curTime['year']=year;
- curTime['month']=month<10?'0'+month:month;
- curTime['day']=day<10?'0'+day:day;
- curTime['hh']=hh<10?'0'+hh:hh;
- curTime['mm']=mm<10?'0'+mm:mm;
- curTime['sc']=sc<10?'0'+sc:sc;
- curTime['wk']='星期'+week[wk];
- curTime=curTime['year']+'年'+curTime['month']+'月'+curTime['day']+'日'+' '+curTime['wk']+' '+curTime['hh']+':'+curTime['mm']+':'+curTime['sc'];
- document.getElementById(divID).innerHTML='今天是:'+curTime;
- setTimeout('CurentTime(/''+divID+'/')',1000);
- }
使用方法:
假設頁面上存在一個id命名為time的div,則:
- <script language="javascript">CurentTime('time');</script>
以上所述就是本文的全部內容了,希望大家能夠喜歡。
新聞熱點
疑難解答
圖片精選