我们经常登录一些网站在头部位置都会有显示当前的时间。这个是如何来制作的呢。今天我们用javascript来制作这一案例。此案例可以实现无刷新实时显示当前完整时间。下面给出完整脚本代码,我们一起来学习吧。<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>广州中山大学数学与计算机学院网页设计培训中心--高老师教程--www.s6k8.com---javascript无刷新实时显示当前完整时间</title>
<script language="javascript">//温馨提示GO
  alert("欢迎观看本教程,更多请查阅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')
  //温馨提示END
 function starttime(){
  var t=new Date();
  var y=t.getFullYear();//getFullYear 方法以绝对数字的形式返回年份值。例如,1976 年的返回值就是 1976。这样可以避免出现 2000 年问题,从而不会将 2000 年1月1日以后的日期与 1900 年1月1日以后的日期混淆起来。
  var m=t.getMonth()+1;
  var d=t.getDate();
  var h=t.getHours();
  var i=t.getMinutes();
  var s=t.getSeconds();
  
 
 //以下这段代码是为了防止时分秒个位数时在前面加上0
  
  h=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()的方法时间为 1000 ms(1s)
 }
</script>
</head><body onload="starttime()"><!--刚打开页面时自动加载starttime()方法-->
 <div id="nowtime"><!--将被加载时间的块-->
  </div>
  <p>
 (转帖请注明:来自<a href="http://www.s6k8.com" target="_blank">中山大学数计学院网页设计培训中心。</a>)
  </p>
</body></html>