注册 登录  
 加关注
   显示下一条  |  关闭
温馨提示!由于新浪微博认证机制调整,您的新浪微博帐号绑定已过期,请重新绑定!立即重新绑定新浪微博》  |  关闭

樱之花

叶散的时候,你明白欢聚;花谢的时候,你明白青春.

 
 
 

日志

 
 
关于我

分类中“我的实验室”是我在日常工作中的一些知识总结,有些写的比较匆忙,可能大家在阅读时会产生困扰,后期有时间我会重新整理编辑,谢谢大家的到访,您们的支持是我前进的动力!

网易考拉推荐

JS实时显示当前时间(IE+firefox)浏览器兼容代码(javascript)  

2010-01-05 13:12:26|  分类: JS程式 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |

  1. <table>  
  2. <tr>  
  3. <td style="width: 350px; text-align: right;">  
  4. <a id="timer"></a>  
  5. </td>  
  6. </tr>  
  7. </table>  
<table> <tr> <td style="width: 350px; text-align: right;"> <a id="timer"></a> </td> </tr> </table>

在网上找了一些js实时显示当前时间的代码,很多是只能在IE下正常显示,而在firefox中却不能显示,我自已写了这些代码,以供备份和共享.

  1. <script type="text/javascript">  
  2. <!--  
  3. function startTime()   
  4. {   
  5. var today=new Date()   
  6. var years=today.getFullYear();   
  7. var months=today.getMonth();   
  8. var d=today.getDate()   
  9. var h=today.getHours()   
  10. var m=today.getMinutes()   
  11. var s=today.getSeconds()   
  12. // add a zero in front of numbers<10   
  13. months=months+1   
  14. months=checkTime(months)   
  15. d=checkTime(d)   
  16. m=checkTime(m)   
  17. s=checkTime(s)   
  18. var weekday=new Array(7)   
  19. weekday[0]="星期日"   
  20. weekday[1]="星期一"   
  21. weekday[2]="星期二"   
  22. weekday[3]="星期三"   
  23. weekday[4]="星期四"   
  24. weekday[5]="星期五"   
  25. weekday[6]="星期六"   
  26. var w=weekday[today.getDay()]   
  27. document.getElementById('ShowTime').innerHTML=years+"年"+months+"月"+d+"日 "+w+" "+h+":"+m+":"+s;   
  28. t=setTimeout('startTime()',500)   
  29. }   
  30. function checkTime(i)   
  31. {   
  32. if (i<10)   
  33.   {i="0" + i}   
  34.   return i   
  35. }   
  36.  -->  
  37. </script>   
<script type="text/javascript"> <!-- function startTime() { var today=new Date() var years=today.getFullYear(); var months=today.getMonth(); var d=today.getDate() var h=today.getHours() var m=today.getMinutes() var s=today.getSeconds() // add a zero in front of numbers<10 months=months+1 months=checkTime(months) d=checkTime(d) m=checkTime(m) s=checkTime(s) var weekday=new Array(7) weekday[0]="星期日" weekday[1]="星期一" weekday[2]="星期二" weekday[3]="星期三" weekday[4]="星期四" weekday[5]="星期五" weekday[6]="星期六" var w=weekday[today.getDay()] document.getElementById('ShowTime').innerHTML=years+"年"+months+"月"+d+"日 "+w+" "+h+":"+m+":"+s; t=setTimeout('startTime()',500) } function checkTime(i) { if (i<10) {i="0" + i} return i } --> </script>   

调用时用如下方式:

  1. <html>  
  2. <head>  
  3. </head>  
  4. <body onload="startTime()">   
  5. <div id="ShowTime"></div>   
  6. </body>   
  7. </html>  
<html> <head> </head> <body onload="startTime()"> <div id="ShowTime"></div> </body> </html>

附一段更精简的Js代码:

 

·········10········20········30········40········50········60········70········80········90········100·······110·······120·······130·······140·······150
  1. <script language="javascript" type="text/javascript"><!--  
  2.         setInterval("timer.innerHTML=new Date().toLocaleString()+'&nbsp;&nbsp;星期'+'日一二三四五六'.charAt(new Date().getDay());",1000);      
  3. </script>  
<script language="javascript" type="text/javascript"><!-- setInterval("timer.innerHTML=new Date().toLocaleString()+'&nbsp;&nbsp;星期'+'日一二三四五六'.charAt(new Date().getDay());",1000); </script>

调用:

  1. <td style="width: 350px; text-align: right;">  
  2. <a id="timer"></a>  
  3. </td>  
<td style="width: 350px; text-align: right;"> <a id="timer"></a> </td>

  评论这张
 
阅读(2452)| 评论(2)
推荐 转载

历史上的今天

在LOFTER的更多文章

评论

<#--最新日志,群博日志--> <#--推荐日志--> <#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇,下一篇--> <#-- 热度 --> <#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->
 
 
 
 
 
 
 
 
 
 
 
 
 
 

页脚

网易公司版权所有 ©1997-2017