DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> 關於JavaScript >> javascript實現實時輸出當前的時間
javascript實現實時輸出當前的時間
編輯:關於JavaScript     

最近有個網站頁面上要輸出當前時間,精確到時分秒,還要適時變化的。百度找了找,沒找到合適的,於是自己寫了個,收藏下,方便以後使用。

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> 

以上所述就是本文的全部內容了,希望大家能夠喜歡。

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved