首页 > 语言 > JavaScript > 正文

javascript实现实时输出当前的时间

2024-05-06 16:18:54
字体:
来源:转载
供稿:网友

在网页中实时的显示时间,不但可以给网页添色,还可以方便浏览者掌握当前时间,为了提高网站的开发速度,可以把主代码封装在一个单独的函数里面,在需要的时候直接调用而我为了演示,直接写在了主页面,方便大家观看

最近有个网站页面上要输出当前时间,精确到时分秒,还要适时变化的。百度找了找,没找到合适的,于是自己写了个,收藏下,方便以后使用。

js 适时输出当前的时间

 

 
  1. function CurentTime(divID){  
  2. var curTime=new Array();  
  3. var now=new Date();  
  4. var week=['日','一','二','三','四','五','六'];  
  5. var year=now.getFullYear(); //年  
  6. var month=now.getMonth()+1; //月  
  7. var day=now.getDate(); //日  
  8. var hh=now.getHours(); //时  
  9. var mm=now.getMinutes(); //分  
  10. var sc=now.getSeconds(); //秒  
  11. var wk=now.getDay(); //周  
  12. curTime['year']=year;  
  13. curTime['month']=month<10?'0'+month:month;  
  14. curTime['day']=day<10?'0'+day:day;  
  15. curTime['hh']=hh<10?'0'+hh:hh;  
  16. curTime['mm']=mm<10?'0'+mm:mm;  
  17. curTime['sc']=sc<10?'0'+sc:sc;  
  18. curTime['wk']='星期'+week[wk];  
  19. curTime=curTime['year']+'年'+curTime['month']+'月'+curTime['day']+'日'+' '+curTime['wk']+' '+curTime['hh']+':'+curTime['mm']+':'+curTime['sc'];  
  20. document.getElementById(divID).innerHTML='今天是:'+curTime;  
  21. setTimeout('CurentTime(/''+divID+'/')',1000);  
  22. }  

使用方法:

假设页面上存在一个id命名为time的div,则:

 

 
  1. <script language="javascript">CurentTime('time');</script> 

以上所述就是本文的全部内容了,希望大家能够喜欢。

发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表

图片精选