第一种是从服务器中调用的 然后我们用AJAX来返回

<!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 ml; charset=utf-8" />
<title>自动无刷新AJAX显示时间</title>
<script type="text/javascript">

var cs;    //声明变量cs
//-----------------------------------------------------------------------
//AJAX处理函数sxs()
//------------------------------------------------------------------------

//获取发送请求----------------------------------
function sxs() {

//判断浏览器---------------------------------
 if (window.ActiveXObject) {    
         cs=new ActiveXObject("Microsoft.XMLHTTP");  
     }
     else if (window.XMLHttpRequest) {       
         cs=new XMLHttpRequest();           
     }

//象服务器请求响应---------------------------------
var my_url="time.php";  
cs.open("POST",my_url,true); 
cs.onreadystatechange = setvalue;  
cs.send(null); 
}


//打开服务器响应过程函数--------------------------------------
function setvalue(){    
 if(cs.readyState==4){ 
      if(cs.status==200){ 
        var strResult = cs.responseText; 
       if(strResult==""){                             
       strResult = "系统时间获取失败";              
       }                                       
        document.getElementById("sysTimeShow").innerHTML="当前时间:"+strResult; 
      }
  }
}

</script> 
</head>
<body onload="window.setInterval('sxs()',1000);"> 
每秒刷新一次
<div id="sysTimeShow">时间为</div>
</body>
</html>
//time.php
header('content-type:text/html;charset=utf-8');
date_default_timezone_set('PRC');
echo "现在时间是:".date('H:i:s');
</pre>
第二种是通过客户端获取本地时间的
<pre lang='js' line='1'>
// JavaScript Document
function showLocale(objD)
{
	var str,colorhead,colorfoot;
	var yy = objD.getYear();
	if(yy<1900) yy = yy+1900;
	var MM = objD.getMonth()+1;
	if(MM<10) MM = '0' + MM;
	var dd = objD.getDate();
	if(dd<10) dd = '0' + dd;
	var hh = objD.getHours();
	if(hh<10) hh = '0' + hh;
	var mm = objD.getMinutes();
	if(mm<10) mm = '0' + mm;
	var ss = objD.getSeconds();
	if(ss<10) ss = '0' + ss;
	var ww = objD.getDay();
	if  ( ww==0 )  colorhead="<font color=\"#FF0000\">";
	if  ( ww > 0 && ww < 6 )  colorhead="<font color=\"#787677\">";
	if  ( ww==6 )  colorhead="<font color=\"#008000\">";
	if  (ww==0)  ww="星期日";
	if  (ww==1)  ww="星期一";
	if  (ww==2)  ww="星期二";
	if  (ww==3)  ww="星期三";
	if  (ww==4)  ww="星期四";
	if  (ww==5)  ww="星期五";
	if  (ww==6)  ww="星期六";
	colorfoot="</font>"
	str = colorhead + yy + "-" + MM + "-" + dd + " " + hh + ":" + mm + ":" + ss + "  " + ww + colorfoot;
	return(str);
}
function tick()
{
	var today;
	today = new Date();
	document.getElementById("localtime").innerHTML = showLocale(today);
	window.setTimeout("tick()", 1000);
}
tick();
然后网页上写个id是localtime标签输出就可以了,嗯提供一下代码给大家下载地址 欢迎转载,转载请注明来自微度网络-网络技术中心http://yun.widuu.com

点赞(0) 打赏

评论列表 共有 0 条评论

暂无评论

微信小程序

微信扫一扫体验

立即
投稿

微信公众账号

微信扫一扫加关注

发表
评论
返回
顶部