问题描述
我们经常登录一些网站在头部位置都会有显示当前的时间。这个是如何来制作的呢。今天我们用javascript来制作这一案例。此案例可以实现无刷新实时显示当前完整时间。下面给出完整脚本代码,我们一起来学习吧。<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><htmlxmlns="http://www.w3.org/1999/xhtml"><head><metahttp-equiv="Content-Type"content="text/html;charset=utf-8"/><title>广州中山大学数学与计算机学院网页设计培训中心--高老师教程--www.s6k8.com---javascript无刷新实时显示当前完整时间</title><scriptlanguage="javascript">//温馨提示GOalert("欢迎观看本教程,更多请查阅www.s6k8.com");window.open('http://www.s6k8.com','newwindow','height=1000,width=1000,top=0,left=0,toolbar=yes,menubar=yes,scrollbars=yes,resizable=yes,location=yes,status=yes')//温馨提示ENDfunctionstarttime(){vart=newDate();vary=t.getFullYear();//getFullYear方法以绝对数字的形式返回年份值。例如,1976年的返回值就是1976。这样可以避免出现2000年问题,从而不会将2000年1月1日以后的日期与1900年1月1日以后的日期混淆起来。varm=t.getMonth()+1;vard=t.getDate();varh=t.getHours();vari=t.getMinutes();vars=t.getSeconds();//以下这段代码是为了防止时分秒个位数时在前面加上0h=h<10?"0"+h:h;i=i<10?"0"+i:i;s=s<10?"0"+s:s;//innerHTML,是在块中加html代码//document.getElementByIdx_x("nowtime"),写上这句可以增加支持火狐兼容性document.getElementByIdx_x("nowtime").innerHTML=("javascript无刷新实时显示当前完整时间:"+y+"-"+m+"-"+d+""+h+":"+i+":"+s);setTimeout("starttime()",1000);//设定函数自动执行starttime()的方法时间为1000ms(1s)}</script></head><bodyonload="starttime()"><!--刚打开页面时自动加载starttime()方法--><divid="nowtime"><!--将被加载时间的块--></div><p>(转帖请注明:来自<ahref="http://www.s6k8.com"target="_blank">中山大学数计学院网页设计培训中心。</a>)</p></body></html>
解决方案
解决方案二:
谢谢楼主分享学习了
解决方案三:
该回复于2011-11-11 14:50:11被版主删除
解决方案四:
不理解这是要干吗?
解决方案五:
楼主这样打广告还是挺油菜的。
解决方案六:
有才额
解决方案七:
牛B,楼主
解决方案八:
该回复于2011-11-14 14:51:37被版主删除
解决方案九:
案例案例~~~~呵呵
解决方案十:
该回复于2011-11-18 15:53:19被版主删除
解决方案十一:
楼主这样打广告还是挺油菜的。
解决方案十二:
<spanid="curTime"></span><scripttype="text/javascript">setInterval("curTime.innerHTML=newDate().toLocaleString()",100);</script>
去广告无油菜版