问题描述
我们经常登录一些网站在头部位置都会有显示当前的时间。这个是如何来制作的呢。今天我们用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>
解决方案
解决方案二:
难道人家不给分,就么人回答吗?
解决方案三:
引用1楼qingchuninfo的回复:
难道人家不给分,就么人回答吗?
是呢,现在的人真现实。。。。