第一种是从服务器中调用的 然后我们用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
发表评论 取消回复